{"id":241137,"date":"2022-04-27T12:42:00","date_gmt":"2022-04-27T09:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=241137"},"modified":"2022-04-27T12:58:19","modified_gmt":"2022-04-27T09:58:19","slug":"kaikki-36-tapaa-nopeuttaa-wordpress-sivustoasi","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kaikki-36-tapaa-nopeuttaa-wordpress-sivustoasi\/","title":{"rendered":"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi"},"content":{"rendered":"<p>Siell\u00e4 on hulluutta.<\/p>\n<p>En halua olla kyyninen, mutta t\u00e4ss\u00e4 on totuus:<\/p>\n<p>Useimmat blogikirjoitukset WordPressin nopeuttamisesta ovat kuumaa sotkua.<\/p>\n<p>Luettelon yl\u00e4osassa on vinkkej\u00e4, jotka vain nopeuttavat j\u00e4rjestelm\u00e4nvalvojan valikkoasi 0,01 sekunnilla tai eiv\u00e4t kirjaimellisesti paranna suorituskyky\u00e4 ollenkaan.<\/p>\n<p>Sitten l\u00e4hell\u00e4 pohjaa ne sis\u00e4lt\u00e4v\u00e4t joitain tehokkaimmista k\u00e4ytett\u00e4viss\u00e4 olevista suoritustekniikoista.<\/p>\n<p>Se on vain hullua. N\u00e4in suoritusoppaani on j\u00e4rjestetty\u2026<\/p>\n<p><strong>Aloita tehokkailla vaiheilla<\/strong>.<\/p>\n<p>Olen listannut ensin 9 tehokkainta tapaa nopeuttaa sivustoasi. N\u00e4m\u00e4 ovat ylivoimaisesti t\u00e4rkeimm\u00e4t vaiheet, jotka voit tehd\u00e4 sivustosi latautumisen nopeuttamiseksi.<\/p>\n<p>Itse asiassa, jos et k\u00e4yt\u00e4 mit\u00e4\u00e4n taktiikkaa ensimm\u00e4isen 9:n j\u00e4lkeen, p\u00e4rj\u00e4\u00e4t hyvin.<\/p>\n<p>Sen j\u00e4lkeen l\u00f6yd\u00e4t 27 muuta tapaa nopeuttaa WordPressi\u00e4. Jokainen n\u00e4ist\u00e4 taktiikoista tekee sivustostasi hieman nopeamman yhdist\u00e4m\u00e4\u00e4n jo saavuttamasi tulokset.<\/p>\n<p>Ja on viel\u00e4 yksi asia, joka sinun pit\u00e4isi tiet\u00e4\u00e4.<\/p>\n<p><strong>K\u00e4yt\u00e4n juuri n\u00e4it\u00e4 taktiikoita<\/strong><\/p>\n<p>En luettele t\u00e4ss\u00e4 mit\u00e4\u00e4n taktiikkaa, jota en k\u00e4yt\u00e4 juuri nyt.<\/p>\n<p>Itse asiassa, ennen kuin kirjoitin t\u00e4m\u00e4n viestin, keksin valtavan luettelon suoritustekniikoista, mukaan lukien joitain asioita, joita en ollut koskaan ennen kokeillut, ja testasin niit\u00e4 kaikkia.<\/p>\n<p>Competethemes.com latautui jo nopeasti, mutta kaikkien alla lueteltujen suoritustaktiikkojen k\u00e4yt\u00f6n j\u00e4lkeen se on uskomattoman nopea.<\/p>\n<p>T\u00e4ss\u00e4 <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GTMetrixin<\/a> tulokset:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Sain ensimm\u00e4ist\u00e4 kertaa 100 % PageSpeed-pisteet<\/p>\n<p>Ja jos k\u00e4yt\u00e4n l\u00e4hell\u00e4 olevaa sijaintia <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pingdomissa<\/a>, he raportoivat sivustoni latautuvan vain 0,571 sekunnissa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Muutama nopea vertailukohta ennen kuin aloitamme:<\/p>\n<ul>\n<li>&gt;3s latausaika on hidas<\/li>\n<li>2-3s latausaika on hyv\u00e4<\/li>\n<li>1-2s latausaika on nopea<\/li>\n<li>0-1s latausaika on eritt\u00e4in nopea<\/li>\n<\/ul>\n<p>Ensimm\u00e4inen tavoitteesi pit\u00e4isi olla saada sivustosi latautumaan alle kolmessa sekunnissa. On todella t\u00e4rke\u00e4\u00e4 saavuttaa t\u00e4m\u00e4 vertailuarvo tai sinulla on varmasti vierailijoita, jotka poistuvat ennen kuin sivustosi latautuu.<\/p>\n<p>Jos k\u00e4yt\u00e4t alla olevat 9 ensimm\u00e4ist\u00e4 taktiikkaa, sinulla ei pit\u00e4isi olla vaikeuksia saada latausaikasi alle 3 sekuntiin.<\/p>\n<p>Jos haluat sivustosi latautuvan vain 1 sekunnissa, sinun on k\u00e4ytett\u00e4v\u00e4 useimpia ellei kaikkia t\u00e4ss\u00e4 lueteltuja taktiikoita, ja <strong>se vaatii paljon ty\u00f6t\u00e4<\/strong>. En syyt\u00e4 sinua, jos ajelet muutaman sekunnin taktiikalla 1-9 ja soitat p\u00e4iv\u00e4ksi \ud83d\udc4d<\/p>\n<p>Olet luultavasti kutina aloittaaksesi nyt, joten t\u00e4ss\u00e4 on t\u00e4rkein askel, jonka voit tehd\u00e4 verkkosivustosi nopeuttamiseksi.<\/p>\n<p>T\u00e4m\u00e4 postaus on j\u00e4rkytt\u00e4v\u00e4n pitk\u00e4! Et luultavasti saa sit\u00e4 valmiiksi yhdell\u00e4 istumalla, joten muista lis\u00e4t\u00e4 <strong>t\u00e4m\u00e4 sivu kirjanmerkkeihin my\u00f6hemp\u00e4\u00e4 k\u00e4ytt\u00f6\u00e4 varten,<\/strong> jotta voit palata takaisin optimoiessasi sivustoasi.<\/p>\n<h2>1 Vaihda nopeampaan is\u00e4nt\u00e4\u00e4n<\/h2>\n<p>Is\u00e4nn\u00f6inti on sivustosi hevosvoimaa.<\/p>\n<p>Tehokkaammalla is\u00e4nn\u00f6innill\u00e4 koko sivustosi latautuu nopeammin.<\/p>\n<p>Voit toteuttaa kaikki muut tekniikat tehokkaasti, mutta ne kaikki toimivat paremmin tehokkaan is\u00e4nt\u00e4koneen kanssa. Lis\u00e4ksi is\u00e4nn\u00e4n vaihtaminen on nyky\u00e4\u00e4n todella helppoa.<\/p>\n<p>K\u00e4yt\u00e4n <a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kinstaa<\/a> kilpailuteemoihin, enk\u00e4 voi suositella niit\u00e4 tarpeeksi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Automaattisten p\u00e4ivitt\u00e4isten varmuuskopioiden, kauniin hallintapaneelin ja aidosti hy\u00f6dyllisen live-chat-tuen lis\u00e4ksi\u2026<\/p>\n<p><strong>Ne saavat sivustosi latautumaan pahasti nopeasti.<\/strong><\/p>\n<p>Kinsta toimii niin hyvin, koska se on rakennettu Googlen pilviinfrastruktuurista.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Normaalisti t\u00e4llainen erikoistekniikka on vain yritysten saatavilla kustannusten ja k\u00e4ytt\u00f6\u00f6noton vaikeuden vuoksi, mutta Kinsta huolehtii kaikesta puolestasi. Saat vain uskomattoman suorituskyvyn.<\/p>\n<p>Olen k\u00e4ytt\u00e4nyt Kinstaa nyt kuusi kuukautta ja olin jo tyytyv\u00e4inen heid\u00e4n palveluunsa, kun pari viikkoa sitten he satunnaisesti <a href=\"https:\/\/kinsta.com\/blog\/boosting-wordpress-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">nostivat kaikkien suorituskyky\u00e4 30-200%<\/a>.<\/p>\n<p>L\u00e4hes vuosikymmenen WordPress-verkkosivustojen py\u00f6ritt\u00e4misen j\u00e4lkeen en ole koskaan saanut is\u00e4nt\u00e4ni tekem\u00e4\u00e4n niin.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Katso Kinsta \u2192<\/a><\/p>\n<p>Is\u00e4nn\u00f6inti on sivustosi suorituskyvyn perusta, joten jos ohitat kaiken muun, varmista, ett\u00e4 suoritat t\u00e4m\u00e4n vaiheen oikein.<\/p>\n<p>Seuraavaksi t\u00e4rkein asia, jonka voit tehd\u00e4 WP-sivustosi nopeuttamiseksi, on v\u00e4limuistin lis\u00e4\u00e4minen.<\/p>\n<h2>2 Lis\u00e4\u00e4 v\u00e4limuisti<\/h2>\n<p>Mik\u00e4 on 9 027 jaettuna 17:ll\u00e4?<\/p>\n<p>Vastataksesi t\u00e4h\u00e4n, sinun t\u00e4ytyy vet\u00e4\u00e4 esiin laskin, ly\u00f6d\u00e4 numerot ja sitten voit varmuudella sanoa vastauksen, joka on 531.<\/p>\n<p>Nyt kysyn sinulta uudelleen, mik\u00e4 on 9 027 jaettuna 17:ll\u00e4?<\/p>\n<p>T\u00e4ll\u00e4 kertaa tiesit vastauksen heti, koska olet tallentanut sen muistiisi.<\/p>\n<p>Sellaista v\u00e4limuisti on.<\/p>\n<p>Kun joku vierailee verkkosivustollasi, se suorittaa useita prosesseja sivun luomiseksi. Ilman v\u00e4limuistia t\u00e4m\u00e4 tapahtuu aina, kun joku vierailee verkkosivustollasi. Se on kuin k\u00e4ytt\u00e4isit laskinta saadaksesi vastauksen yh\u00e4 uudelleen ja uudelleen.<\/p>\n<p>Kuten ymm\u00e4rr\u00e4t, t\u00e4m\u00e4 on eritt\u00e4in tuhlausta.<\/p>\n<p>V\u00e4limuistin avulla sivustosi luo sivun kerran ja tallentaa sen sitten aivan kuten tallensit numeron 531 muistiisi. Sitten kun joku vierailee sivustollasi uudelleen, v\u00e4limuistissa oleva kopio n\u00e4ytet\u00e4\u00e4n v\u00e4litt\u00f6m\u00e4sti ilman, ett\u00e4 sinun tarvitsee suorittaa kaikkia sivun luomiseen alun perin k\u00e4ytettyj\u00e4 prosesseja.<\/p>\n<p>K\u00e4yd\u00e4 j\u00e4rkeen?<\/p>\n<p>Puhutaan nyt siit\u00e4, kuinka voit hy\u00f6dynt\u00e4\u00e4 t\u00e4t\u00e4 tekniikkaa verkkosivustollasi.<\/p>\n<h3>Kuinka lis\u00e4t\u00e4 v\u00e4limuistia sivustollesi<\/h3>\n<p>Ensinn\u00e4kin is\u00e4nt\u00e4si saattaa tarjota sis\u00e4\u00e4nrakennetun v\u00e4limuistin. T\u00e4m\u00e4 koskee Kinstaa ja monia muita korkean suorituskyvyn is\u00e4nti\u00e4. Joten v\u00e4limuisti voi olla jo lis\u00e4tty.<\/p>\n<p>Jos is\u00e4nt\u00e4si ei tarjoa v\u00e4limuistia, voit valita useista laajennuksista. Mielest\u00e4ni paras vaihtoehto on <a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Rocket<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>WP Rocket tarjoaa eritt\u00e4in nopean v\u00e4limuistin ja joukon muita suorituskyvyn optimointeja. Aion viitata t\u00e4h\u00e4n laajennukseen viel\u00e4 noin sata kertaa t\u00e4ss\u00e4 viestiss\u00e4, joten n\u00e4et kaiken, mit\u00e4 se voi tehd\u00e4.<\/p>\n<p>Vaikka Kinsta tarjoaa v\u00e4limuistin, k\u00e4yt\u00e4n my\u00f6s WP Rocketia muiden mukana olevien suorituskykyty\u00f6kalujen vuoksi.<\/p>\n<p>Aloita seuraamalla WP Rocketin asennusohjettani:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/aG5uFiWjsU4\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Katso WP Rocket \u2192<\/a><\/p>\n<p>Jos haluat ilmaisen vaihtoehdon, suosittelen <a href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Super Cachea,<\/a> jos haluat jotain helppok\u00e4ytt\u00f6ist\u00e4, ja <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">W3 Total Cachea,<\/a> jos haluat kehittyneempi\u00e4 vaihtoehtoja.<\/p>\n<p>Suorituskykyinen is\u00e4nn\u00f6inti ja v\u00e4limuisti ovat ehdottomasti t\u00e4rkeimm\u00e4t sivustosi tarvitsemat nopeusominaisuudet. Se sanoi\u2026<\/p>\n<p>J\u00e4ljell\u00e4 on vain yksi asia, joka voi suistaa suorituskykysi t\u00e4ysin.<\/p>\n<h3>Sinun T\u00c4YTYY k\u00e4ytt\u00e4\u00e4 n\u00e4it\u00e4 kolmea seuraavaa vaihetta<\/h3>\n<p>Kun olet m\u00e4\u00e4ritt\u00e4nyt v\u00e4limuistiasetukset, kiinnit\u00e4 huomiosi sivustosi kuviin.<\/p>\n<p>Jos et optimoi kuviasi, sivustosi latausajat eiv\u00e4t koskaan saavuta 2\u20133 sekuntia, et koskaan saa <a href=\"https:\/\/www.edgeoftheweb.co.uk\/blog\/importance-of-page-speed\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">optimoitua PageSpeed-pisteit\u00e4<\/a>.<\/p>\n<p>Kuvat voivat hidastaa latausaikoja valtavasti, joten sis\u00e4llyt\u00e4n t\u00e4h\u00e4n kolme tapaa, joilla voit optimoida ne.<\/p>\n<p>Ensimm\u00e4inen tapa optimoida kuvat on pakata ne.<\/p>\n<h2>3 Pakkaa kuvat<\/h2>\n<p>Nykyaikaiset kuvanpakkausalgoritmit ovat h\u00e4mm\u00e4stytt\u00e4vi\u00e4.<\/p>\n<p>Ne voivat pienent\u00e4\u00e4 kuvan tiedostokokoa 70 % vaikuttamatta sen laatuun merkitt\u00e4v\u00e4sti. Tarkoitus on, ett\u00e4 voit saada kaikki sivustosi kuvat latautumaan nopeammin ilman, ett\u00e4 niiden laatu heikkenee. Ei ole huonoja puolia \u2013 tosissaan!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Mit\u00e4<\/a> tulee kuvien optimointiin, suosikkilis\u00e4osani on <a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Optimole<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Opit lis\u00e4\u00e4 Optimolesta seuraavissa kahdessa vaiheessa, mutta seuraavat asiat sinun on tiedett\u00e4v\u00e4 ensin:<\/p>\n<p>Optimole k\u00e4ytt\u00e4\u00e4 eritt\u00e4in tehokasta pakkausalgoritmia pakatakseen kuvat murto-osaan niiden aiemmasta tiedostokoosta. Viel\u00e4 parempi on, ett\u00e4 sit\u00e4 on niin helppo k\u00e4ytt\u00e4\u00e4.<\/p>\n<p>Muut kuvanoptimointilaajennukset muokkaavat sivustosi kuvia ja k\u00e4ytt\u00e4v\u00e4t palvelinresurssejasi. Optimole ei koske alkuper\u00e4isiin asiakirjoihin \u2013 ne kopioivat kuvat palvelimelleen ja optimoivat ne siell\u00e4. T\u00e4m\u00e4 pit\u00e4\u00e4 mediakirjastosi j\u00e4rjestyksess\u00e4, eik\u00e4 sivustosi hidastu, kun kuvia pakataan.<\/p>\n<p>Jos haluat oppia asentamaan Optimolea sivustollesi, voit seurata koko esittelyvideotani:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/iZwliEUen2A\" frameborder=\"0\"><\/iframe><\/div>\n<p>Erinomainen vaihtoehto on <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel-<\/a> laajennus. Sen m\u00e4\u00e4ritt\u00e4minen on hieman enemm\u00e4n ty\u00f6t\u00e4, mutta silti tarpeeksi helppo k\u00e4ytt\u00e4\u00e4.<\/p>\n<p>K\u00e4ytin onneksi ShortPixeli\u00e4 t\u00e4ll\u00e4 sivustolla vuosia ja vaihdoin Optimoleen vain t\u00e4t\u00e4 seuraavaa taktiikkaa varten.<\/p>\n<h2>4 Muuta kuvien kokoa<\/h2>\n<p>Kiinnit\u00e4 huomiota, koska yksityiskohdat ovat kriittisi\u00e4.<\/p>\n<p>T\u00e4ss\u00e4 suuri idea:<\/p>\n<p><strong>Mit\u00e4 suurempi kuva on, sit\u00e4 suurempi sen tiedostokoko on.<\/strong><\/p>\n<p>Esimerkiksi kuva, jonka leveys on 3 000 pikseli\u00e4, voi olla 900 kt, mutta kun se muutetaan 600 pikseli\u00e4 leve\u00e4ksi, se on vain 60 kt. Se on 15x pienempi tiedostokoko!<\/p>\n<p>T\u00e4st\u00e4 syyst\u00e4 se on niin t\u00e4rke\u00e4\u00e4.<\/p>\n<p>T\u00e4m\u00e4n blogikirjoituksen kuvat n\u00e4kyv\u00e4t leveimmill\u00e4\u00e4n vain 600 pikseli\u00e4. Esimerkkini mukaan t\u00e4m\u00e4n kuvan koko muutettiin 600 pikseli\u00e4 leve\u00e4ksi ja se on vain 60 kt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Jos en muuttaisi kuvan kokoa ja k\u00e4ytt\u00e4isin 3 000 pikselin versiota, se n\u00e4kyisi silti vain 600 pikseli\u00e4 leve\u00e4n\u00e4 t\u00e4ss\u00e4 viestiss\u00e4. Kuva n\u00e4ytt\u00e4isi sinusta samalta, mutta sen lataaminen kest\u00e4isi 15 kertaa kauemmin.<\/p>\n<p>Toisin sanoen kuvien oikean koon m\u00e4\u00e4ritt\u00e4minen ennen niiden lis\u00e4\u00e4mist\u00e4 viesteihisi voi vaikuttaa merkitt\u00e4v\u00e4sti sivustosi latautumisnopeuteen.<\/p>\n<p>T\u00e4ss\u00e4 on ongelma.<\/p>\n<p>Et todenn\u00e4k\u00f6isesti tied\u00e4 tarkalleen, kuinka leveit\u00e4 kuvat n\u00e4kyv\u00e4t viesteiss\u00e4si. Lis\u00e4ksi mobiililaitteet tekev\u00e4t siit\u00e4 monimutkaisemman. Mit\u00e4 tulee n\u00e4yt\u00f6n kokoon, jos otamme huomioon kaikki erilaiset n\u00e4yt\u00f6t ja mobiililaitteet, on kirjaimellisesti tuhansia otettava huomioon.<\/p>\n<p>Jos haluat tarjota vierailijoille t\u00e4ydellisen kokoisia kuvia, <strong>ne on mitoitettava dynaamisesti<\/strong>, ja siksi aloin k\u00e4ytt\u00e4m\u00e4\u00e4n Optimolea.<\/p>\n<p>Optimole <strong>luo automaattisesti t\u00e4ydellisen kokoiset versiot<\/strong> kuvistasi. Jos joku vierailee sivustollasi ja kuva n\u00e4kyy 400 pikseli\u00e4 leve\u00e4n\u00e4, Optimole antaa h\u00e4nelle kuvan, jonka leveys on 400 pikseli\u00e4.<\/p>\n<p>Toinen vierailija voi laskeutua sivulle sekuntia my\u00f6hemmin k\u00e4ytt\u00e4m\u00e4ll\u00e4 tablettia, joka n\u00e4ytt\u00e4\u00e4 kuvan 510 pikseli\u00e4 leve\u00e4n\u00e4, ja Optimole lataa kuvasta toisen kopion, joka on t\u00e4sm\u00e4lleen 510 pikseli\u00e4 leve\u00e4.<\/p>\n<p>T\u00e4st\u00e4 saamasi suorituskyvyn lis\u00e4ykset ovat valtavat, ja parasta on, ett\u00e4 sinun ei tarvitse tehd\u00e4 muuta kuin asentaa Optimole-laajennus. Se toimii heti, kun aktivoit sen koskematta edes asetuksia. Se on mahtavaa!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kokeile Optimolea sivustollasi \u2192<\/a><\/p>\n<p>On viel\u00e4 yksi tapa optimoida kuvia sivustollasi, mik\u00e4 voi mahdollisesti saada aikaan valtavan eron.<\/p>\n<h2>5 Laiska lataamaan kuviasi<\/h2>\n<p>T\u00e4m\u00e4 blogikirjoitus on todella pitk\u00e4 ja siin\u00e4 on paljon kuvia.<\/p>\n<p>Jos olet lukenut t\u00e4h\u00e4n asti, olet todenn\u00e4k\u00f6isesti ollut t\u00e4ll\u00e4 sivulla v\u00e4hint\u00e4\u00e4n minuutin. Kun tied\u00e4t t\u00e4m\u00e4n, kuinka typer\u00e4\u00e4 olisi saada sinut lataamaan kaikki koko viestin kuvat, kun latasit t\u00e4m\u00e4n sivun ensimm\u00e4isen kerran? Et ole viel\u00e4k\u00e4\u00e4n saavuttanut monia kuvia, joten sinun ei tarvitse ladata niit\u00e4 viel\u00e4.<\/p>\n<p>Kanssa <a href=\"https:\/\/www.competethemes.com\/blog\/wordpress-lazy-load-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">laiska lastaus<\/a>, vain ne kuvat, jotka n\u00e4kyv\u00e4t n\u00e4yt\u00f6ll\u00e4 ladataan. Sitten kun vierit\u00e4t sivua alasp\u00e4in, j\u00e4ljell\u00e4 olevat kuvat ladataan sit\u00e4 mukaa, kun ne tulevat n\u00e4ytt\u00f6\u00f6n.<\/p>\n<p>Tein t\u00e4h\u00e4n videoon visualisoinnin, joka havainnollistaa, miten t\u00e4m\u00e4 toimii selke\u00e4mmin kuin osaan selitt\u00e4\u00e4 kirjoittamalla:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/suKQowa2JXQ\" frameborder=\"0\"><\/iframe><\/div>\n<p>Nyt kun ymm\u00e4rr\u00e4t, kuinka laiska lataus toimii, puhutaanpa toteutuksesta.<\/p>\n<h3>Kuinka lis\u00e4t\u00e4 laiska lataus<\/h3>\n<p>Laiskalatauksen lis\u00e4\u00e4minen on todella helppoa, joten se on mielest\u00e4ni pakollinen taktiikka.<\/p>\n<p>Ensinn\u00e4kin, jos asensit Optimolen, se lis\u00e4\u00e4 automaattisesti laiskalatauksen, joten olet jo tehnyt t\u00e4m\u00e4n taktiikan.<\/p>\n<p>Toiseksi, jos et k\u00e4yt\u00e4 Optimolea, mutta p\u00e4\u00e4tit k\u00e4ytt\u00e4\u00e4 WP Rocketia, valitse t\u00e4m\u00e4 ruutu asetuksista:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Lopuksi, jos et aio k\u00e4ytt\u00e4\u00e4 kumpaakaan n\u00e4ist\u00e4 kahdesta laajennuksesta, asenna <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>a3 Lazy Load on loistava laajennus ja sis\u00e4lt\u00e4\u00e4 paljon konfigurointivaihtoehtoja.<\/p>\n<p>T\u00e4m\u00e4nkaltaisissa blogikirjoituksissa laiska lataaminen on eritt\u00e4in t\u00e4rke\u00e4\u00e4. Se on yksi suosituimmista suorituskyvyn optimoinneistani.<\/p>\n<p>Seuraavat kaksi optimointia kulkevat k\u00e4si k\u00e4dess\u00e4 ja ovat erityisen t\u00e4rkeit\u00e4 WordPress-sivustoille.<\/p>\n<h2>6 Pienenn\u00e4 tiedostosi<\/h2>\n<p>Opit juuri, ett\u00e4 kuvien pakkaaminen saa ne latautumaan nopeammin, koska pakattujen kuvien tiedostokoko on pienempi.<\/p>\n<p>Joskus kutsumme tiedostokokoa painoksi, joten kuvan pakkaaminen v\u00e4hent\u00e4\u00e4 sen painoa.<\/p>\n<p>Suuri idea on, ett\u00e4 <strong>sivustosi painon v\u00e4hent\u00e4minen nopeuttaa sen latautumista<\/strong>. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 haluat pienent\u00e4\u00e4 jokaisen verkkosivustosi lataaman tiedoston kokoa.<\/p>\n<p>Kuvien lis\u00e4ksi verkkosivustosi lataa CSS-tiedostoja, Javascript-tiedostoja ja fonttitiedostoja muiden tiedostotyyppien ohella. Pid\u00e4 t\u00e4t\u00e4 ajatusta hetki, ja puhutaan pienennyksest\u00e4.<\/p>\n<p>Minification on hieno ohjelmointitermi, joka tarkoittaa pohjimmiltaan tekstipohjaisten tiedostojen pakkausta. Pakkaat kuvat ja pienenn\u00e4t tiedostoja. Tarkoituksemme varten meid\u00e4n ei tarvitse saada sen tarkempaa.<\/p>\n<p>Aivan kuten pakkaat kuvat, voit pienent\u00e4\u00e4 CSS- ja Javascript-tiedostoja (ja HTML-tiedostoja) pienent\u00e4\u00e4ksesi niit\u00e4 ja v\u00e4hent\u00e4\u00e4ksesi sivusi painoa.<\/p>\n<h3>Kuinka pienent\u00e4\u00e4 tiedostoja<\/h3>\n<p>J\u00e4lleen kerran, pienent\u00e4misen lis\u00e4\u00e4minen sivustoosi on helppoa.<\/p>\n<p>WP Rocketissa on valintaruudut, jotka mahdollistavat CSS:n, JS:n ja HTML:n pienent\u00e4misen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>CSS-tiedostojen pienent\u00e4minen WP Rocketilla on helppoa<\/p>\n<p>Siin\u00e4 kaikki mit\u00e4 sinun tarvitsee tehd\u00e4.<\/p>\n<p>Pienent\u00e4minen on niin t\u00e4rke\u00e4\u00e4 WordPress-sivustoille, koska sivustollasi on todenn\u00e4k\u00f6isesti v\u00e4hint\u00e4\u00e4n kuusi laajennusta ja teema, joka lataa tiedostoja. Usein kehitt\u00e4j\u00e4t eiv\u00e4t pienenn\u00e4 tiedostoja itse, joten WP Rocket huolehtii siit\u00e4 puolestasi.<\/p>\n<p>Jos haluat ilmaisen vaihtoehdon pienent\u00e4miseen, tutustu <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Autoptimize-<\/a> laajennukseen.<\/p>\n<h2>7 Liit\u00e4 tiedostot yhteen<\/h2>\n<p>Concatenate on toinen tekninen termi, joka tarkoittaa &quot;yhdistett\u00e4&quot;.<\/p>\n<p>Kun liit\u00e4t tiedostoja, yhdist\u00e4t ne.<\/p>\n<p>J\u00e4lleen kerran, koska kaikki n\u00e4m\u00e4 laajennukset lataavat tiedostoja sivustollasi, on t\u00e4rke\u00e4\u00e4 k\u00e4ytt\u00e4\u00e4 WP Rocketin kaltaista laajennusta yhdist\u00e4\u00e4ksesi ne mahdollisimman harvoiksi tiedostoiksi. T\u00e4ss\u00e4 miksi\u2026<\/p>\n<p>Olet oppinut, ett\u00e4 sivusi painon v\u00e4hent\u00e4minen nopeuttaa sen latautumista, mutta yksi toinen t\u00e4rke\u00e4 suorituskykytekij\u00e4 on optimoitava: HTTP-pyynn\u00f6t.<\/p>\n<p>Tied\u00e4n, ett\u00e4 t\u00e4m\u00e4 viesti on tulossa melko tekniseksi, joten pid\u00e4n t\u00e4m\u00e4n mahdollisimman yksinkertaisena.<\/p>\n<p>Jokainen lataamasi tiedosto vaatii HTTP-pyynn\u00f6n. Jokainen kuva, JS-tiedosto, CSS-tiedosto jne. &#8211; ne kaikki vaativat yhden HTTP-pyynn\u00f6n.<\/p>\n<p>Verkkosivustollasi on kiinte\u00e4 m\u00e4\u00e4r\u00e4 HTTP-pyynt\u00f6j\u00e4, jotka se pystyy k\u00e4sittelem\u00e4\u00e4n kerralla, joten tiedostoja ladattaessa tapahtuu pullonkaulavaikutus. T\u00e4st\u00e4 syyst\u00e4 mit\u00e4 v\u00e4hemm\u00e4n HTTP-pyynt\u00f6j\u00e4 sivustosi tekee, sit\u00e4 nopeammin se latautuu.<\/p>\n<p>Jos verkkosivustollasi on esimerkiksi viisi CSS-tiedostoa, jotka ovat kaikki 5 kt:n kokoisia, se latautuu nopeammin, jos yhdist\u00e4t ne yhdeksi 25 kt:n kokoiseksi CSS-tiedostoksi.<\/p>\n<p>Pienennyksell\u00e4 v\u00e4henn\u00e4mme sivustosi tiedostojen painoa, ja sitten yhdist\u00e4m\u00e4ll\u00e4 ne yhdist\u00e4mme HTTP-pyynt\u00f6jen v\u00e4hent\u00e4miseksi.<\/p>\n<h3>Kuinka lis\u00e4t\u00e4 ketjutusta<\/h3>\n<p>Voimme k\u00e4\u00e4nty\u00e4 my\u00f6s WP Rocket -laajennukseen t\u00e4t\u00e4 optimointia varten.<\/p>\n<p>Siell\u00e4 on valintaruudut CSS- ja JS-tiedostojen ketjuttamista varten.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Sinun tarvitsee vain valita molemmat ruudut, tallentaa muutokset ja olet valmis.<\/p>\n<p>N\u00e4m\u00e4 vaihtoehdot ovat saatavilla my\u00f6s Autoptimize-laajennuksessa.<\/p>\n<p>T\u00e4m\u00e4 seuraava vinkki saattaa yll\u00e4tt\u00e4\u00e4 sinut, mutta mielest\u00e4ni se on toinen pakollinen optimointi.<\/p>\n<h2>8 Lataa tiedostot CDN:ll\u00e4<\/h2>\n<p>Internet on taikuutta.<\/p>\n<p>Eik\u00f6?<\/p>\n<p>Mutta todella, ei, se ei ole.<\/p>\n<p>Se on tietokoneiden verkko, ja t\u00e4m\u00e4n verkon yhteydet ovat kaikki viime k\u00e4dess\u00e4 fyysisi\u00e4.<\/p>\n<p>Se voi tuntua oudolta ajatella, mutta et\u00e4isyys palvelimen, jossa sivustosi sis\u00e4lt\u00f6 on tallennettu, ja vierailijan sijainnin v\u00e4lill\u00e4 on eritt\u00e4in t\u00e4rke\u00e4.<\/p>\n<p>Jos palvelimesi on New Yorkissa ja joku Tokiosta vierailee verkkosivustollasi, tiedostojen saapuminen heille kest\u00e4\u00e4 kauemmin kuin jos joku muu New Yorkista vierailee.<\/p>\n<p>Sanoin, ett\u00e4 oli outoa ajatella \ud83d\ude1c<\/p>\n<p>Ent\u00e4 jos tallentaisit kopion sivustostasi my\u00f6s Tokiossa sijaitsevalle palvelimelle? Eik\u00f6 se sitten latautuisi nopeammin Japanissa oleville vierailijoille?<\/p>\n<p>Joo!<\/p>\n<p>Ja juuri sit\u00e4 CDN tekee.<\/p>\n<p>CDN tarkoittaa sis\u00e4ll\u00f6njakeluverkkoa, ja se on pohjimmiltaan palvelinverkko, joka tallentaa verkkosivustosi v\u00e4limuistikopioita ymp\u00e4ri maailmaa.<\/p>\n<p>T\u00e4ll\u00e4 tavalla riippumatta siit\u00e4, miss\u00e4 joku vierailee, h\u00e4nen l\u00e4hell\u00e4\u00e4n on palvelin, joka toimittaa sivustosi sis\u00e4ll\u00f6n.<\/p>\n<p>Kun aktivoit CDN:n ensimm\u00e4isen kerran, se ei ehk\u00e4 vaikuta auttavan, jos asut l\u00e4hell\u00e4 is\u00e4nt\u00e4si l\u00e4ht\u00f6palvelinta. T\u00e4rke\u00e4mp\u00e4\u00e4 on, kuinka nopeasti verkkosivusto latautuu muulle maailmalle.<\/p>\n<h3>CDN:n lis\u00e4\u00e4minen sivustollesi<\/h3>\n<p>CDN:n lis\u00e4\u00e4miseen sivustollesi on olemassa muutamia hyvi\u00e4 vaihtoehtoja.<\/p>\n<p>Ensinn\u00e4kin, jos olet kirjautunut Kinstaan, voit k\u00e4ytt\u00e4\u00e4 heid\u00e4n sis\u00e4\u00e4nrakennettua CDN:\u00e4\u00e4n. Sinun tarvitsee vain ottaa se k\u00e4ytt\u00f6\u00f6n valikosta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Vaikka k\u00e4yt\u00e4n Kinstaa, k\u00e4yt\u00e4n <a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cloudflaren CDN:\u00e4\u00e4,<\/a> joka on saatavilla heid\u00e4n ilmaisella hinnoittelutasolla. K\u00e4yt\u00e4n Cloudflaren CDN:\u00e4\u00e4, koska k\u00e4yt\u00e4n my\u00f6s heid\u00e4n palomuuriaan est\u00e4m\u00e4\u00e4n paljon t\u00e4m\u00e4n sivuston saamaa bottiliikennett\u00e4.<\/p>\n<p>Cloudflaren m\u00e4\u00e4ritt\u00e4minen on melko helppoa, ja sen mukana tulee monia muita etuja. Voit k\u00e4ytt\u00e4\u00e4 Cloudflarea sivustollasi <a href=\"https:\/\/kinsta.com\/knowledgebase\/install-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">noudattamalla t\u00e4\u00e4ll\u00e4<\/a> olevia ohjeita.<\/p>\n<p>On olemassa muita suosittuja maksullisia CDN-verkkoja Cloudflaren lis\u00e4ksi, mutta en ole kokeillut niit\u00e4 henkil\u00f6kohtaisesti, joten en voi antaa lis\u00e4suosituksia.<\/p>\n<p>Minulla on sinulle viel\u00e4 yksi suoritustehostin ennen kaikkia lis\u00e4toimintoja.<\/p>\n<h2>9 Valitse nopea teema<\/h2>\n<p>Okei, minun on my\u00f6nnett\u00e4v\u00e4, ett\u00e4 t\u00e4m\u00e4 viimeinen vinkki on hieman erilainen.<\/p>\n<p>Monet WP-bloggaajat neuvovat sinua valitsemaan nopeasti latautuvan teeman, mutta teeman kehitt\u00e4j\u00e4n\u00e4 haluan selitt\u00e4\u00e4, kuinka t\u00e4m\u00e4 todella toimii.<\/p>\n<p>WordPress-teema ei nopeuta sivustoasi. Pikemminkin etsit sellaista, joka ei hidasta sivustoasi. Ellei teema ole todella huonosti tehty, se ei kuitenkaan hidasta sivustoasi paljon, jos k\u00e4yt\u00e4t yll\u00e4 lueteltuani taktiikkaa. Min\u00e4 selit\u00e4n.<\/p>\n<p>Kaikilla <a href=\"https:\/\/www.competethemes.com\/themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">teemoillani<\/a> lataan minimin ja luon silti tyylikk\u00e4\u00e4n ja modernin k\u00e4ytt\u00f6kokemuksen. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 teemat latautuvat vain:<\/p>\n<ul>\n<li>Yksi CSS-tiedosto<\/li>\n<li>Yksi minimoitu Javascript-tiedosto<\/li>\n<li>Yksi Google Fonts -pyynt\u00f6<\/li>\n<li>Font Awesome -kuvakefontti (sosiaalisia kuvakkeita varten)<\/li>\n<\/ul>\n<p>Ilman suunnitteluuhrauksia (kuten k\u00e4ytt\u00e4m\u00e4ll\u00e4 j\u00e4rjestelm\u00e4fonttia), se on suunnilleen yht\u00e4 v\u00e4h\u00e4ist\u00e4 kuin teema voi saada.<\/p>\n<p>Kaikki teemat eiv\u00e4t ole n\u00e4in optimoituja, mutta se ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 ole huolenaihe. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 vaikka teemasi ei olisikaan hyvin optimoitu ja lataa kaksi CSS-tiedostoa ja kolme Javascript-tiedostoa, eik\u00e4 yht\u00e4k\u00e4\u00e4n niist\u00e4 ole pienennetty, WP Rocketin kaltainen laajennus ketjuttaa ja pienent\u00e4\u00e4 ne puolestasi, joten lopputulos on k\u00e4yt\u00e4nn\u00f6ss\u00e4 sama.<\/p>\n<p>Pohjimmiltaan on ep\u00e4todenn\u00e4k\u00f6ist\u00e4, ett\u00e4 teemasi hidastaa sivustoasi paljon, jos k\u00e4yt\u00e4t yll\u00e4 lueteltuja suorituskykystrategioita.<\/p>\n<p>Valitse teema hyv\u00e4maineiselta kehitt\u00e4j\u00e4lt\u00e4, niin teeman suorituskyky ei ole ongelma.<\/p>\n<h2>Lis\u00e4optimoinnit<\/h2>\n<p>Vau!<\/p>\n<p>T\u00e4m\u00e4 viesti on jo paljon pidempi kuin odotin, ja jos olet p\u00e4\u00e4ssyt n\u00e4in pitk\u00e4lle, toivon, ett\u00e4 olet valmis oppimaan viel\u00e4 enemm\u00e4n suorituskyvyn optimoinnista.<\/p>\n<p>T\u00e4m\u00e4n viestin loppuosassa k\u00e4sittelen tarkempia ja teknisi\u00e4 optimointeja. Olen tehnyt n\u00e4ist\u00e4 vinkeist\u00e4 mahdollisimman aloittelijayst\u00e4v\u00e4llisi\u00e4. Jotkut niist\u00e4 ovat helppoja toteuttaa, mutta ollakseni rehellisi\u00e4, jotkut ovat eritt\u00e4in edistyneit\u00e4 ja niin sen pit\u00e4\u00e4kin olla \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>K\u00e4yt\u00e4 sivustossasi niin montaa kuin mahdollista ja muista, ett\u00e4 jos olet ottanut k\u00e4ytt\u00f6\u00f6n ensimm\u00e4iset 9 taktiikkaa ja noudatat <a href=\"https:\/\/webtrainingwheels.com\/7-simple-wordpress-performance-test-best-practices\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">suorituskyvyn parhaita k\u00e4yt\u00e4nt\u00f6j\u00e4,<\/a> olet jo saanut leijonanosan tuloksista.<\/p>\n<h3>10 Lykk\u00e4\u00e4 Javascripti\u00e4<\/h3>\n<p>Jos k\u00e4yt\u00e4t vain yht\u00e4 taktiikkaa t\u00e4m\u00e4n luettelon lopusta, k\u00e4yt\u00e4 t\u00e4t\u00e4.<\/p>\n<p>Menettelem\u00e4tt\u00e4 liian teknisiin yksityiskohtiin, tiedostojen latausj\u00e4rjestys sivustollesi on eritt\u00e4in t\u00e4rke\u00e4. T\u00e4t\u00e4 konseptia kutsutaan render\u00f6intipolun optimointiksi.<\/p>\n<p>Ajatuksena on, ett\u00e4 sivustosi CSS tulisi ladata ensin, koska verkkosivustosi on tyhj\u00e4 valkoinen n\u00e4ytt\u00f6, kunnes se tapahtuu. Mit\u00e4 tulee Javascript-tiedostoihin, niit\u00e4 k\u00e4ytet\u00e4\u00e4n todenn\u00e4k\u00f6isesti esimerkiksi analytiikkaan, jota ei tarvitse ladata heti.<\/p>\n<p>Sen sijaan, ett\u00e4 s\u00e4ilytt\u00e4isit tyhj\u00e4n valkoisen sivun JS:n latautuessa, lykk\u00e4\u00e4t JS-tiedostoja siihen asti, kunnes kaikki muu sivustosi on latautunut. T\u00e4ll\u00e4 tavalla sivustosi latautuu samassa ajassa, mutta se n\u00e4kyy visuaalisesti nopeammin, mik\u00e4 saa sen n\u00e4ytt\u00e4m\u00e4\u00e4n nopeammin.<\/p>\n<p>Konsepti on melko edistynyt, mutta ei j\u00e4lleen kerran niin vaikea toteuttaa.<\/p>\n<h4>Kuinka lyk\u00e4t\u00e4 Javascripti\u00e4<\/h4>\n<p>Tulet rakastamaan t\u00e4t\u00e4.<\/p>\n<p>Niin edistynyt kuin taktiikka onkin, sinun tarvitsee vain valita ruutu WP Rocketin asetuksista.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Ellet tied\u00e4 mit\u00e4 olet tekem\u00e4ss\u00e4, suosittelen, ett\u00e4 j\u00e4t\u00e4t my\u00f6s &quot;Safe Mode&quot; -vaihtoehdon valituksi.<\/p>\n<p>On my\u00f6s tapa, jolla voit optimoida CSS:si render\u00f6intipolkua varten.<\/p>\n<h3>11 Optimoi CSS-toimitus<\/h3>\n<p>Aivan kuten Javascript, CSS est\u00e4\u00e4 render\u00f6innin, joten voimme my\u00f6s lyk\u00e4t\u00e4 sit\u00e4 suorituskyvyn parantamiseksi.<\/p>\n<p>Nyt tied\u00e4n mit\u00e4 ajattelet: emmek\u00f6 vain lyk\u00e4nneet JS:\u00e4\u00e4, jotta CSS voisi latautua, ja nyt lykk\u00e4\u00e4mme my\u00f6s CSS:\u00e4\u00e4?<\/p>\n<p>T\u00e4ss\u00e4 on mit\u00e4 tapahtuu\u2026<\/p>\n<p>Voit poistaa render\u00f6innin est\u00e4v\u00e4n CSS:n lis\u00e4\u00e4m\u00e4ll\u00e4 kriittisen CSS:n, jota k\u00e4ytet\u00e4\u00e4n niiden sivuston osien muotoiluun, jotka tulevat n\u00e4kyviin heti. Sitten loput sivustosi CSS:st\u00e4 ladataan my\u00f6hemmin. J\u00e4lleen kerran t\u00e4m\u00e4 tarkoittaa, ett\u00e4 sivustosi n\u00e4kyy visuaalisesti entist\u00e4 nopeammin.<\/p>\n<p>T\u00e4m\u00e4 on eritt\u00e4in edistyksellinen taktiikka, enk\u00e4 edes vaivautuisi, jos WP Rocket ei olisi tehnyt siit\u00e4 niin helvetin helppoa.<\/p>\n<h4>Kuinka optimoida CSS-toimitus<\/h4>\n<p>Olet varmaan jo tottunut t\u00e4h\u00e4n&#8230;<\/p>\n<p>Ainoa mit\u00e4 sinun tarvitsee tehd\u00e4 optimoidaksesi CSS-toimituksesi WP Rocketin avulla, on valita t\u00e4m\u00e4 ruutu:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>WP Rocket luo sitten kullekin sivulle tarvittavan kriittisen CSS:n ja lis\u00e4\u00e4 sen HTML-koodiin. Loput CSS:st\u00e4 lyk\u00e4t\u00e4\u00e4n.<\/p>\n<p>En koskaan yritt\u00e4isi tehd\u00e4 t\u00e4t\u00e4 manuaalisesti, joten automatisointi t\u00e4ll\u00e4 tavalla on tappava optimointi.<\/p>\n<p>Seuraavaksi minulla on kaksi muuta nopeaa voittoa sivustosi nopeuttamiseksi.<\/p>\n<h3>12 Sammuta WordPress-emoji-tuki<\/h3>\n<p>WordPress lis\u00e4si emoji-tuen takaisin versioon 4.2.<\/p>\n<p>Jotta emojit toimivat sivustollasi, WordPress lataa pienen Javascript-tiedoston jokaiselle sivustosi sivulle. T\u00e4ss\u00e4 on asiaa\u2026<\/p>\n<p>Emme itse asiassa tarvitse t\u00e4t\u00e4 tiedostoa emoji-tukeen, koska k\u00e4yt\u00e4nn\u00f6ss\u00e4 jokaiseen laitteeseen on jo asennettu emoji-fontti. Olen esimerkiksi poistanut emoji-tuen t\u00e4lt\u00e4 sivustolta, mutta n\u00e4et edelleen emojit, koska ne on asennettu laitteellesi \ud83d\udc4d<\/p>\n<p>Jos poistat emoji-tuen, sivustosi ei en\u00e4\u00e4 lataa ylim\u00e4\u00e4r\u00e4ist\u00e4 Javascript-tiedostoa, mik\u00e4 tekee siit\u00e4 hieman nopeamman.<\/p>\n<p>Voit poistaa emoji-tuen valitsemalla t\u00e4m\u00e4n ruudun WP Rocketissa:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/disable-emojis\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Poista hymi\u00f6it\u00e4<\/a> plugin on yksinkertainen, ilmainen vaihtoehto.<\/p>\n<h3>13 Poista WordPress-upotukset k\u00e4yt\u00f6st\u00e4<\/h3>\n<p>Kun liit\u00e4t linkin Twitterist\u00e4 viestiin, WordPress luo automaattisesti mukavan upotuslaatikon.<\/p>\n<p>Se on hienoa, mutta minua \u00e4rsytt\u00e4\u00e4 se, ett\u00e4 se tekee t\u00e4m\u00e4n my\u00f6s liitett\u00e4ess\u00e4 linkkej\u00e4 t\u00e4m\u00e4n kaltaisille WordPress-sivustoille. En koskaan k\u00e4yt\u00e4 t\u00e4t\u00e4 ominaisuutta, joten mieluummin poistan sen k\u00e4yt\u00f6st\u00e4.<\/p>\n<p>Koska WordPress lataa ylim\u00e4\u00e4r\u00e4isen Javascript-tiedoston t\u00e4t\u00e4 upotusominaisuutta varten, sen poistaminen v\u00e4hent\u00e4\u00e4 sivusi painoa ja p\u00e4\u00e4st\u00e4\u00e4 eroon toisesta HTTP-pyynn\u00f6st\u00e4.<\/p>\n<p>WP Rocketissa on toinen valintaruutu, jonka avulla voit helposti lis\u00e4t\u00e4 t\u00e4m\u00e4n optimoinnin sivustollesi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Se on pieni optimointi, mutta jokainen bitti auttaa.<\/p>\n<h3>14 P\u00e4ivit\u00e4 PHP-versiosi<\/h3>\n<p>Nykyaikaiset koodauskielet ovat h\u00e4mm\u00e4stytt\u00e4v\u00e4n nopeita.<\/p>\n<p>Useimmilla suoritustaktiikoilla ei ole mit\u00e4\u00e4n tekemist\u00e4 sivustosi koodin suoritusnopeuden kanssa. Pikemminkin optimoimme nopeuden, jolla verkkosivustosi sis\u00e4lt\u00f6 toimitetaan vierailijan laitteelle. Se on se osa, joka vie aikaa.<\/p>\n<p>T\u00e4m\u00e4 taktiikka on erilainen, koska se itse asiassa nopeuttaa sivustosi koodin suorittamista.<\/p>\n<p>Uudemmat PHP-versiot ovat nopeutuneet, mutta jos k\u00e4yt\u00e4t edelleen PHP 5:t\u00e4, vaihtamalla versioon 7 saat huomattavia hy\u00f6tyj\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Kuva: Kinsta<\/p>\n<p>On t\u00e4rke\u00e4\u00e4 ymm\u00e4rt\u00e4\u00e4, ett\u00e4 sivustosi PHP:n nopeuden kaksinkertaistaminen ei lataudu kaksinkertaisesti. Se saa PHP-koodin toimimaan vain kaksi kertaa nopeammin, mik\u00e4 on todenn\u00e4k\u00f6isesti pieni osa sivustosi latausajasta.<\/p>\n<p>Se on kuitenkin mahdollisesti eritt\u00e4in helppo suorituskyvyn lis\u00e4ys, ja se on my\u00f6s parempi tietoturvan ja laajennusten yhteensopivuuden kannalta.<\/p>\n<h4>Kuinka p\u00e4ivitt\u00e4\u00e4 PHP-versiosi<\/h4>\n<p>T\u00e4ss\u00e4 on jotain, mit\u00e4 olen oppinut vuosien varrella.<\/p>\n<p>Huonolaatuisemmat hosting-yritykset k\u00e4ytt\u00e4v\u00e4t PHP:n vanhentuneita versioita, ja parhaat is\u00e4nn\u00f6intiyritykset pysyv\u00e4t ajan tasalla PHP-julkaisuista.<\/p>\n<p>P\u00e4ivitt\u00e4minen uusimpaan PHP-versioon nopeuttaa sivustoasi, ja is\u00e4nn\u00e4st\u00e4 riippuen sen pit\u00e4isi olla todella helppoa.<\/p>\n<p>Esimerkiksi Kinstassa on kojelaudassa vaihtoehto, jonka avulla voit vaihtaa PHP-versiosi yhdell\u00e4 napsautuksella.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Is\u00e4nt\u00e4si hallitsee sivustosi PHP-versiota ja sit\u00e4, kuinka helppoa se on p\u00e4ivitt\u00e4\u00e4. Tarkista ohjauspaneelisi ja sielt\u00e4 pit\u00e4isi l\u00f6yty\u00e4 p\u00e4ivitysvaihtoehto.<\/p>\n<h3>15 V\u00e4henn\u00e4 laajennuksia<\/h3>\n<p>Hidastavatko laajennukset sivustoasi?<\/p>\n<p>tavallaan. Se on monimutkaista. Annan sinulle muutamia esimerkkej\u00e4.<\/p>\n<p>K\u00e4yt\u00e4n MonsertInsights-laajennusta <a href=\"https:\/\/themewp.inform.click\/kak-dobavit-google-analytics-v-wordpress\/\" title=\"Google Analyticsin\">Google Analyticsin<\/a> lis\u00e4\u00e4miseen sivustooni. Google Analytics lataa kaksi Javascript-tiedostoa jokaiselle sivustoni sivulle, mik\u00e4 hidastaa sit\u00e4 (enemm\u00e4n painoarvoa ja kaksi HTTP-pyynt\u00f6\u00e4).<\/p>\n<p>K\u00e4yt\u00e4n WPForms-laajennusta kaikissa yhteydenottolomakkeissani. WPForms lataa CSS-tiedoston ja k\u00e4ytt\u00e4mist\u00e4si ominaisuuksista riippuen my\u00f6s muutaman JS-tiedoston. Se kuitenkin lataa n\u00e4m\u00e4 tiedostot vain sivuille, joilla on yhteydenottolomakkeet. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 sill\u00e4 ei ole mit\u00e4\u00e4n vaikutusta sivustoni tehokkuuteen yhteyssivua lukuun ottamatta.<\/p>\n<p>Lopuksi k\u00e4yt\u00e4n Format Media Titles -laajennusta lis\u00e4t\u00e4kseni kuviini automaattisesti otsikot tiedostonimen perusteella. T\u00e4m\u00e4 laajennus k\u00e4ytt\u00e4\u00e4 hieman PHP:t\u00e4 j\u00e4rjestelm\u00e4nvalvojan hallintapaneelissa, kun lataan kuvia, eik\u00e4 sill\u00e4 ole mit\u00e4\u00e4n vaikutusta sivustoni suorituskykyyn.<\/p>\n<p>Nyt n\u00e4et, miksi sanonta &quot;laajennukset hidastavat sivustoasi&quot; ei pid\u00e4 paikkaansa. He tekev\u00e4t, he eiv\u00e4t, he tekev\u00e4t tietyiss\u00e4 olosuhteissa jne. \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>Ainoa esimerkeist\u00e4ni oleva laajennus, jonka voin sanoa hidastavan sivustoani, on MonsterInsights, mutta tarvitsen analytiikkaa, joten voin vaihtaa pienen lis\u00e4latausajan t\u00e4h\u00e4n ominaisuuteen.<\/p>\n<p><strong>Nyrkkis\u00e4\u00e4nt\u00f6n\u00e4 on, ett\u00e4 jos laajennus muuttaa jotain sivustosi k\u00e4ytt\u00f6liittym\u00e4ss\u00e4, se vaikuttaa suorituskykyyn.<\/strong> Toisaalta, jos laajennus vaikuttaa vain j\u00e4rjestelm\u00e4nvalvojan hallintapaneeliin, se ei todenn\u00e4k\u00f6isesti hidasta sivustoasi.<\/p>\n<p>Sivustosi &quot;etuosa&quot; on se, mit\u00e4 vierailijat n\u00e4kev\u00e4t. &quot;Tausta&quot; on j\u00e4rjestelm\u00e4nvalvojan hallintapaneeli.<\/p>\n<p>Tutustu Plugins-valikkoon ja valitse laajennukset, jotka tekev\u00e4t muutoksia sivustosi k\u00e4ytt\u00f6liittym\u00e4\u00e4n. Jos l\u00f6yd\u00e4t sellaisia, jotka ovat aktiivisia, mutta et k\u00e4yt\u00e4, ne todenn\u00e4k\u00f6isesti hidastavat sivustosi toimintaa, joten poista ne k\u00e4yt\u00f6st\u00e4.<\/p>\n<h3>16 K\u00e4yt\u00e4 webP-kuvia<\/h3>\n<p>Olen varma, ett\u00e4 tunnet kuvamuodot, kuten JPG ja PNG.<\/p>\n<p>No, Google <a href=\"https:\/\/developers.google.com\/speed\/webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">julkaisi uuden kuvamuodon<\/a> nimelt\u00e4 webP, joka on suunniteltu optimaalista suorituskyky\u00e4 varten. Kun k\u00e4yt\u00e4t webP-muotoa, kuva n\u00e4ytt\u00e4\u00e4 samalta, mutta latautuu nopeammin.<\/p>\n<p>Se kuulostaa aluksi hyv\u00e4lt\u00e4, mutta t\u00e4ss\u00e4 se on monimutkaista.<\/p>\n<p>Kaikki selaimet <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">eiv\u00e4t<\/a> viel\u00e4 <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tue webP-kuvia<\/a>. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 jos k\u00e4ytit webP:t\u00e4 kaikissa kuvissasi, ne eiv\u00e4t v\u00e4ltt\u00e4m\u00e4tt\u00e4 n\u00e4y ollenkaan selaimissa, kuten Safarissa. Toistaiseksi sinun on tarjottava webP-kuvia ja jokaisesta kuvasta on my\u00f6s oltava JPG- tai PNG-varmuuskopio.<\/p>\n<p>Ilmeisesti se kuulostaa enemm\u00e4n ty\u00f6lt\u00e4 kuin sen arvoista, mutta j\u00e4lleen kerran, on olemassa hyvin yksinkertainen ratkaisu.<\/p>\n<h4>WebP-kuvien k\u00e4ytt\u00e4minen<\/h4>\n<p>Jos k\u00e4yt\u00e4t Optimole-laajennusta, se hoidetaan kokonaan puolestasi.<\/p>\n<p>Itse asiassa t\u00e4lle ei ole edes asetusta.<\/p>\n<p>Optimole luo kuvistasi automaattisesti webP-versiot ja n\u00e4ytt\u00e4\u00e4 ne vierailijoille, jos heid\u00e4n selaimensa tukee sit\u00e4. Pieni Javascript-tiedosto, jossa on monit\u00e4yte, ladataan palvelemaan kuvien JPG\/PNG-versioita, kun vierailijan selain ei tue webP:t\u00e4.<\/p>\n<h3>17 K\u00e4yt\u00e4 DNS-esihakua<\/h3>\n<p>DNS-esihaku on eritt\u00e4in siisti\u00e4.<\/p>\n<p>Suurin osa sivustosi tiedostoista ladataan verkkotunnuksestasi. Esimerkiksi sivustosi is\u00e4nn\u00f6i teemassasi olevaa CSS-tiedostoa, joka muokkaa verkkosivustoasi.<\/p>\n<p>Jos k\u00e4yt\u00e4t Google Analyticsia, sivustosi lataa tarvittavat Javascript-tiedostot Googlen palvelimilta sinun sijasta. T\u00e4m\u00e4 kest\u00e4\u00e4 kauemmin kuin verkkotunnuksessasi olevien tiedostojen lataaminen.<\/p>\n<p>Periaatteessa, kun k\u00e4yt\u00e4t DNS-esihakua, verkkosivustosi aloittaa ulkoisten tiedostojen lataamisen aikaisemmin. Itse asiassa, kun joku kirjoittaa verkkotunnuksesi osoitepalkkiin, DNS-esihaku aloittaa ulkoisten tiedostojen valmistelemisen ennen kuin he edes vierailevat verkkosivustollasi.<\/p>\n<p>Yksityiskohdat ovat melko teknisi\u00e4, mutta se on t\u00e4m\u00e4n taktiikan idea.<\/p>\n<h4>DNS-esihaun k\u00e4ytt\u00e4minen<\/h4>\n<p>WP Rocket tarjoaa yksinkertaisen vaihtoehdon esihakua varten.<\/p>\n<p>Esilatausvalikossa voit kirjoittaa URL-osoitteet kaikille verkkosivustosi lataamille ulkoisille tiedostoille.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Sivustosi k\u00e4ytt\u00e4\u00e4 todenn\u00e4k\u00f6isesti Google Fontsia, joten &quot;\/\/fonts.googleapis.com&quot; lis\u00e4\u00e4minen mahdollistaisi kyseisen verkkotunnuksen esihaun.<\/p>\n<h3>18 Rajoitus julkaisuja sivulla<\/h3>\n<p>Jos pid\u00e4t aktiivista blogia, p\u00e4\u00e4viestisivusi on sivustosi t\u00e4rkein sivu. Se voi olla my\u00f6s yksi hitaimmista.<\/p>\n<p>Olen n\u00e4hnyt bloggaajien n\u00e4ytt\u00e4v\u00e4n jokaisen julkaisunsa etusivullaan. Kun vierailet, latausilmaisin py\u00f6rii ja py\u00f6rii, eik\u00e4 sivu koskaan lataudu kokonaan. Se on kauhea k\u00e4ytt\u00e4j\u00e4kokemus, ja mik\u00e4 viel\u00e4 pahempaa, se maksaa heille valtavan m\u00e4\u00e4r\u00e4n kaistanleveytt\u00e4.<\/p>\n<p>Jossain vaiheessa viestien tarvittava valtava m\u00e4\u00e4r\u00e4 HTML-koodia tulee ongelmaksi, mutta suurin ongelma on kaikki kuvat. T\u00e4st\u00e4 syyst\u00e4 on niin t\u00e4rke\u00e4\u00e4, ett\u00e4 lis\u00e4\u00e4t sivustollesi laiskalatausta.<\/p>\n<p>Lis\u00e4ksi sinun tulee asettaa kohtuullinen raja blogisi kullakin sivulla n\u00e4ytett\u00e4vien viestien m\u00e4\u00e4r\u00e4lle.<\/p>\n<h4>Kuinka rajoittaa julkaisujasi sivulla<\/h4>\n<p>WordPressiss\u00e4 on sis\u00e4\u00e4nrakennettu vaihtoehto, jolla voit hallita julkaisujasi sivulla Lukuasetukset-valikossa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Niin kauan kuin laiska lataus on k\u00e4yt\u00f6ss\u00e4, voit n\u00e4ytt\u00e4\u00e4 10-30 viesti\u00e4 sivulla ilman ongelmia. 10 on luultavasti bloggaajien k\u00e4ytt\u00e4m\u00e4 keskim\u00e4\u00e4r\u00e4inen luku, enk\u00e4 ylitt\u00e4isi kymment\u00e4 ilman laiskalatausta.<\/p>\n<h3>19 Yhdist\u00e4 Google Font -pyynn\u00f6t<\/h3>\n<p>Olen noin 100 % varma, ett\u00e4 teemasi lataa Google-kirjasimet.<\/p>\n<p>Jos teema on hyvin koodattu, Google Fonts -pyynt\u00f6 pit\u00e4isi olla vain yksi, joten siin\u00e4 ei ole ongelmia.<\/p>\n<p>On kuitenkin mahdollista, ett\u00e4 my\u00f6s sivustosi laajennukset lataavat Google-kirjasimia tai olet lis\u00e4nnyt kirjasimia itse. Jos n\u00e4in on, sivustosi l\u00e4hett\u00e4\u00e4 useita Google Fonts -pyynt\u00f6j\u00e4, mik\u00e4 tarkoittaa useita HTTP-pyynt\u00f6j\u00e4. Muista, ett\u00e4 mit\u00e4 v\u00e4hemm\u00e4n HTTP-pyynt\u00f6j\u00e4, sit\u00e4 parempi.<\/p>\n<h4>Kuinka yhdist\u00e4\u00e4 Google Fonts -pyynt\u00f6<\/h4>\n<p>Olet varmaan jo tottunut t\u00e4h\u00e4n\u2026<\/p>\n<p>Jos haluat yhdist\u00e4\u00e4 sivustosi Google Fonts -pyynn\u00f6t WP Rocketin kanssa, valitse t\u00e4m\u00e4 ruutu:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Jos et ole varma, l\u00e4hett\u00e4\u00e4k\u00f6 sivustosi useita Google Fonts -pyynt\u00f6j\u00e4, t\u00e4m\u00e4n vaihtoehdon k\u00e4ytt\u00e4misest\u00e4 ei ole haittaa, joten suosittelen ottamaan sen aina k\u00e4ytt\u00f6\u00f6n.<\/p>\n<h3>20 Optimoi Gravatar-pyynt\u00f6\u00e4<\/h3>\n<p>Kun ihmiset j\u00e4tt\u00e4v\u00e4t kommentteja sivustollesi, heid\u00e4n avatarinsa n\u00e4kyv\u00e4t automaattisesti. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 WordPress integroituu Gravatariin saadakseen avatarit.<\/p>\n<p><a href=\"https:\/\/gravatar.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gravatar<\/a> on ilmainen palvelu, ja se vain yhdist\u00e4\u00e4 avatarin s\u00e4hk\u00f6postiosoitteeseen. Jos luot tilin ja lis\u00e4\u00e4t avatarin, n\u00e4et sen automaattisesti sivustossasi ja kaikkialla verkossa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>T\u00e4ss\u00e4 on ongelma.<\/p>\n<p>Jokainen n\u00e4ist\u00e4 kuvista tekee toisen ulkoisen pyynn\u00f6n Gravatar-palvelimille. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 jos saat 10 kommenttia viestiin, verkkosivustosi tekee jopa 10 ulkoista HTTP-pyynt\u00f6\u00e4 \u2013 se on paljon!<\/p>\n<p>Gravataria voi optimoida kolmella tavalla, jotta se ei hidasta sivustoasi.<\/p>\n<h4>Kuinka optimoida Gravatar-avatarit<\/h4>\n<p>Ensimm\u00e4inen vaihtoehto on hyvin yksinkertainen: Gravatar-kuvien laiska lataaminen.<\/p>\n<p>Valitettavasti Optimolen laiska lataus ei toimi Gravatar-kuvien kanssa. Gravatar-kuvien laiskalataamiseksi voit k\u00e4ytt\u00e4\u00e4 ilmaista <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a> -laajennusta.<\/p>\n<p>Vaihtoehtoisesti voit poistaa Gravatarin kokonaan k\u00e4yt\u00f6st\u00e4. Poista avatarit k\u00e4yt\u00f6st\u00e4 keskusteluasetuksista t\u00e4ll\u00e4 vaihtoehdolla:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Kuten asetus viittaa, t\u00e4m\u00e4 poistaa avatarit kokonaan k\u00e4yt\u00f6st\u00e4 kommenteissa. Jos haluat silti oletusavatarien n\u00e4kyv\u00e4n, voit asentaa sen sijaan <a href=\"https:\/\/wordpress.org\/plugins\/disable-user-gravatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disable User Gravatar<\/a> -laajennuksen.<\/p>\n<p>Jos kommentoijilla on omat tilins\u00e4 sivustollasi, voit k\u00e4ytt\u00e4\u00e4 <a href=\"https:\/\/wordpress.org\/plugins\/wp-user-avatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP User Avatar<\/a> -laajennusta antaaksesi heid\u00e4n ladata omia avatarejaan.<\/p>\n<p>Kolmas vaihtoehto on tallentaa Gravatar-kuvat v\u00e4limuistiin <a href=\"https:\/\/wordpress.org\/plugins\/fv-gravatar-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">FV Gravatar Cache<\/a> -laajennuksella, mutta t\u00e4m\u00e4 laajennus on saanut vaihtelevia k\u00e4ytt\u00e4jien arvioita.<\/p>\n<p>Vaikka n\u00e4m\u00e4 kolme vaihtoehtoa ovat kaikki toteuttamiskelpoisia, t\u00e4m\u00e4 seuraava suorituskyvyn optimointi on nelj\u00e4s l\u00e4hestymistapa ja ratkaisu, jota k\u00e4yt\u00e4n t\u00e4ll\u00e4 verkkosivustolla.<\/p>\n<p>T\u00e4m\u00e4 on todella hieno suorituskyvyn optimointi, jonka aloitin juuri k\u00e4ytt\u00e4m\u00e4\u00e4n.<\/p>\n<p>Sivustosi kommentit tulevat n\u00e4kyviin vasta kaiken sis\u00e4ll\u00f6n j\u00e4lkeen, joten miksi ladata ne heti?<\/p>\n<p>Koska Optimole ei pyrkinyt lataamaan Gravatar-kuvia laiskasti, asensin <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lazy Load for Comments<\/a> -laajennuksen ladatakseni koko kommenttiosion laiskasti. Ongelma ratkaistu!<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Nyt kun joku vierailee julkaisussa, mit\u00e4\u00e4n kommenteista tai Gravatar-kuvista ei ladata, ennen kuin ne vieriv\u00e4t alas kommenttiosaan. T\u00e4m\u00e4 poistaa kaikki HTTP-pyynn\u00f6t Gravatarilta, kunnes aloituslataus on kulunut hyvin.<\/p>\n<p>Kun puhumme laiskasta lataamisesta, jatketaan viel\u00e4 yhdell\u00e4 toteutuksella.<\/p>\n<h3>22 Lazy load all videos<\/h3>\n<p>Upotatko Youtube-videoita viesteihisi?<\/p>\n<p>Videoiden lataaminen voi heikent\u00e4\u00e4 suorituskyky\u00e4, varsinkin jos sivulla on useampi kuin yksi.<\/p>\n<p>Voit ladata videosi (ja iframe-kehykset) laiskasti kuten kuvia.<\/p>\n<h4>Kuinka ladata videoita laiskasti<\/h4>\n<p>K\u00e4yt\u00e4n Optimolen laiska latausominaisuutta kuville, mutta WP Rocketilla on erityisesti iframe-kehyksille ja videoille tarkoitettu vaihtoehto, jonka voit ottaa k\u00e4ytt\u00f6\u00f6n seuraavasti:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>On my\u00f6s mahdollisuus ladata pikkukuva videon tilalle, mutta henkil\u00f6kohtaisesti en pid\u00e4 t\u00e4st\u00e4 vaihtoehdosta, koska se saa k\u00e4vij\u00e4t napsauttamaan videota kahdesti, mik\u00e4 on mielest\u00e4ni \u00e4rsytt\u00e4v\u00e4\u00e4.<\/p>\n<h3>23 V\u00e4henn\u00e4 uudelleenohjauksia<\/h3>\n<p>Jos vierailet t\u00e4ll\u00e4 verkkosivustolla k\u00e4ytt\u00e4m\u00e4ll\u00e4 &quot;http&quot;, se ohjaa sinut sen sijaan &quot;https&quot;-versioon.<\/p>\n<p>Lis\u00e4ksi, jos vierailet ilman www-tunnusta, sinut ohjataan versioon, jossa on www.<\/p>\n<p>Molemmat uudelleenohjaukset ovat eritt\u00e4in nopeita, mutta ne viev\u00e4t silti aikaa, ja suorituskyvyn osalta jokainen sekunnin murto-osa on t\u00e4rke\u00e4.<\/p>\n<p>Kun linkit\u00e4t omalle verkkosivustollesi joko sis\u00e4isesti tai toiselta verkkosivustolta, varmista, ett\u00e4 k\u00e4yt\u00e4t aina lopullista URL-osoitetta, jolle vierailijat saapuvat. K\u00e4yt\u00e4n aina <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.competethemes.com\/ -osoitetta,<\/a> jotta uudelleenohjauksia ei ole.<\/p>\n<p>Kun linkit\u00e4t aina oikeaan URL-osoitteesi versioon, v\u00e4ltyt l\u00e4hett\u00e4m\u00e4st\u00e4 vierailijoita uudelleenohjauksilla, jotka saavat sivustosi n\u00e4ytt\u00e4m\u00e4\u00e4n hitaammalta.<\/p>\n<h3>24 Is\u00e4nn\u00f6i Google Analyticsia paikallisesti<\/h3>\n<p>Olen maininnut Google Analyticsin muutaman kerran t\u00e4h\u00e4n menness\u00e4, koska se on v\u00e4ist\u00e4m\u00e4t\u00f6n suorituskyvyn heikkeneminen.<\/p>\n<p>Yksi syy sivustosi hidastumiseen on se, ett\u00e4 tiedostot on ladattava ulkoiselta palvelimelta (Googlen), mik\u00e4 vie enemm\u00e4n vaiheita kuin tiedoston lataaminen palvelimeltasi.<\/p>\n<p>Is\u00e4nn\u00f6im\u00e4ll\u00e4 Google Analytics -tiedostoja paikallisesti, voit ladata ne hieman nopeammin.<\/p>\n<h4>Kuinka ladata Google Analytics paikallisesti<\/h4>\n<p>J\u00e4lleen kerran WP Rocket -laajennus on tehnyt t\u00e4st\u00e4 uskomattoman helpon ja luotettavan.<\/p>\n<p>Lis\u00e4osat-valikossa on yksinkertainen vaihtoehto, jonka voit ottaa k\u00e4ytt\u00f6\u00f6n Google Analyticsin is\u00e4nn\u00f6imisen paikallisesti sen sijaan, ett\u00e4 lataat sen palvelimilta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>T\u00e4m\u00e4 vaihtoehto toimii useimpien Google Analyticsin lis\u00e4\u00e4miseen k\u00e4ytettyjen laajennusten kanssa, mukaan lukien MonsterInsights.<\/p>\n<p>Erinomainen ilmainen vaihtoehto on <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CAOS-laajennus<\/a>.<\/p>\n<h3>25 K\u00e4yt\u00e4 v\u00e4hemm\u00e4n fontteja<\/h3>\n<p>Olet jo optimoinut JS:si ja CSS:si, joten harkitsemme my\u00f6s fonttien optimointia.<\/p>\n<p>Suorituskyvyn suhteen fontit ovat kalliita.<\/p>\n<p>Jos luet viestini siit\u00e4, <a href=\"https:\/\/themewp.inform.click\/9-prostyh-pravil-dizajna-kotorye-sdelajut-vash-sajt-krasivee\/\" title=\"kuinka voit tehd\u00e4 sivustostasi kauniimman\">kuinka voit tehd\u00e4 sivustostasi kauniimman<\/a>, tied\u00e4t, ett\u00e4 kannatan enint\u00e4\u00e4n yhden tai kahden fontin k\u00e4ytt\u00f6\u00e4. Sen lis\u00e4ksi, ett\u00e4 se on hyv\u00e4 suunnittelus\u00e4\u00e4nt\u00f6, se on my\u00f6s hyv\u00e4 suorituskykys\u00e4\u00e4nt\u00f6.<\/p>\n<p>Jokainen lataamasi fontti vaikuttaa sivustosi suorituskykyyn, joten mit\u00e4 v\u00e4hemm\u00e4n k\u00e4yt\u00e4t, sit\u00e4 parempi.<\/p>\n<p>Menn\u00e4\u00e4n nyt v\u00e4h\u00e4n tarkemmin.<\/p>\n<h3>26 K\u00e4yt\u00e4 v\u00e4hemm\u00e4n fontteja<\/h3>\n<p>Jokainen fontin paino moninkertaistaa valitsemasi kirjasimen suorituskyvyn.<\/p>\n<p>Jos esimerkiksi k\u00e4yt\u00e4t Roboto-fonttia, lataat oletuspainon. Jos haluat sen my\u00f6s kursivoituna ja lihavoituna, ne ovat t\u00e4ysin erilaisia \u200b\u200b\u200b\u200bmerkist\u00f6j\u00e4, ja se tarkoittaa, ett\u00e4 lataat nyt kolme fonttitiedostoa, jotka ovat kaikki suunnilleen samankokoisia.<\/p>\n<p>Jos k\u00e4yt\u00e4t my\u00f6s Playfair Display -fonttia ja lataat lihavoitun ja kursivoitun version, lataat nyt kuusi kirjasintiedostoa, joilla on suuri vaikutus sivustosi nopeuteen.<\/p>\n<p>Sivustosi voi n\u00e4ytt\u00e4\u00e4 upealta ja olla monipuolinen, kun yksi fontti on ladattu oletusarvoiseen, kursivoituun ja lihavoituun tyyliin. Jos haluat ehdottomasti toisen kirjasimen, k\u00e4yt\u00e4 sit\u00e4 otsikoissa, jotta siin\u00e4 ei tarvitse olla useita painotuksia tai kursivointia.<\/p>\n<h3>27 Lataa vain kielesi merkist\u00f6<\/h3>\n<p>Opit juuri, ett\u00e4 kirjasimen lataaminen eri painoina moninkertaistaa sivustosi ladattavien tiedostojen m\u00e4\u00e4r\u00e4n.<\/p>\n<p>Saman s\u00e4ikeen j\u00e4lkeen mit\u00e4 enemm\u00e4n kirjasimessa on merkkej\u00e4, sit\u00e4 suurempi tiedosto on. Pointti on, ett\u00e4 haluat ladata vain tarvitsemasi merkit.<\/p>\n<p>Varmista, ett\u00e4 lataat Google-kirjasimia vain sill\u00e4 kielell\u00e4, jota k\u00e4yt\u00e4t. Englanninkielisille k\u00e4ytt\u00e4jille tarvitset vain latinalaisen merkist\u00f6n etk\u00e4 Latin Extendedi\u00e4, joka ladataan usein oletuksena.<\/p>\n<p>Riippuen siit\u00e4, miten lis\u00e4\u00e4t Google-kirjasimia sivustollesi, sinulla voi olla tai ei ole mahdollisuutta muuttaa t\u00e4t\u00e4, joten tarkista k\u00e4ytett\u00e4viss\u00e4 olevat teema- tai laajennusvaihtoehdot.<\/p>\n<h3>28 Poista OpenType-ominaisuudet k\u00e4yt\u00f6st\u00e4 Adobe Fontsissa<\/h3>\n<p>Jos k\u00e4yt\u00e4t Adobe Fontsia (aiemmin TypeKit) kirjasimissasi, sinulla on todenn\u00e4k\u00f6isesti p\u00e4\u00e4sy joihinkin OpenType-ominaisuuksiin.<\/p>\n<p>Vaikka OpenType-ominaisuudet ovat mahtavia kauniiden murtolukujen, pienten kirjainten ja monien muiden typografisten ominaisuuksien lis\u00e4\u00e4miseen, et todenn\u00e4k\u00f6isesti tarvitse niit\u00e4.<\/p>\n<p>Koska OpenType sis\u00e4lt\u00e4\u00e4 paljon uusia merkkikuvioita, se tekee kirjasintiedostoista suurempia, mik\u00e4 pident\u00e4\u00e4 latausaikoja.<\/p>\n<p>Kun muokkaat projektia, poista OpenType-ominaisuudet k\u00e4yt\u00f6st\u00e4 t\u00e4\u00e4ll\u00e4:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Kuten esimerkist\u00e4ni n\u00e4et, lataan vain tarvitsemani kolme fonttipainoa ja englanninkielisen osajoukon, kuten edellisess\u00e4 taktiikissa on selitetty.<\/p>\n<h3>29 Korvaa Font Awesome fontilla Fontello<\/h3>\n<p>T\u00e4m\u00e4 taktiikka on hyvin tekninen, mutta koska se auttoi minua, otan sen mukaan kaikille muille, jotka lukevat mukavaa kirjoituskoodia.<\/p>\n<p>Jos k\u00e4yt\u00e4t sivustossasi Font Awesomea tai muuta kuvakefonttia, lataat todenn\u00e4k\u00f6isesti koko kirjasimen eli lataat satoja kuvakkeita. Todenn\u00e4k\u00f6isimmin k\u00e4yt\u00e4t vain kourallista sivustosi kuvakkeita.<\/p>\n<p>Fontellolla voit rakentaa oman kuvakekirjasinpaketin k\u00e4ytt\u00e4m\u00e4ll\u00e4 vain k\u00e4ytt\u00e4mi\u00e4si Font Awesome -kuvakkeita.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Koska k\u00e4yt\u00e4n t\u00e4ll\u00e4 sivustolla vain 26 erilaista kuvaketta, pystyin pienent\u00e4m\u00e4\u00e4n huomattavasti fonttitiedoston ja sen tyylisivun kokoa (noin 100 kt).<\/p>\n<p>Jos sinulla on t\u00e4ysi tekninen hallintaoikeus sivustoosi, Font Awesomen poistaminen ja sen korvaaminen mukautetulla Fontello-verkkofonttipaketilla on erinomainen tapa parantaa sivustosi suorituskyky\u00e4 entisest\u00e4\u00e4n.<\/p>\n<h2>Muut optimoinnit<\/h2>\n<p>N\u00e4en jatkuvasti muita verkkosivustoja, jotka suosittelevat seuraavia vinkkej\u00e4, mutta t\u00e4ss\u00e4 on asia\u2026<\/p>\n<p>N\u00e4m\u00e4 lopulliset taktiikat eiv\u00e4t nopeuttaa sivustosi latautumista. Ne optimoivat verkkosivustosi suorituskyvyn, mutta eiv\u00e4t juuri sit\u00e4 nopeuttavilla tavoilla.<\/p>\n<p>V\u00e4henn\u00e4t sivustosi k\u00e4ytt\u00e4m\u00e4n levytilan m\u00e4\u00e4r\u00e4\u00e4, voit tehd\u00e4 sivustostasi turvallisemman ja jopa v\u00e4hent\u00e4\u00e4 k\u00e4ytt\u00e4m\u00e4\u00e4si kaistanleveytt\u00e4. Se riitt\u00e4\u00e4 tekem\u00e4\u00e4n n\u00e4ist\u00e4 taktiikoista kannattavia minun silmiss\u00e4ni, ja siksi olen sis\u00e4llytt\u00e4nyt ne t\u00e4m\u00e4n postauksen loppuun.<\/p>\n<p>T\u00e4ss\u00e4 on viimeiset 7 taktiikkaa.<\/p>\n<h3>30 Kytke takaisinping- ja trackback-palautukset pois p\u00e4\u00e4lt\u00e4<\/h3>\n<p>Kukaan ei en\u00e4\u00e4 k\u00e4yt\u00e4 pingbacki\u00e4 tai trackbackia laillisista syist\u00e4.<\/p>\n<p>Ennen sosiaalista mediaa, kun ihmiset pitiv\u00e4t henkil\u00f6kohtaisia \u200b\u200bblogeja, pingbackit olivat kuin jonkun @-kirjoittamista. Toisin sanoen he ilmoittivat sinulle, kun toinen bloggaaja viittasi sivustoosi.<\/p>\n<p>Nyky\u00e4\u00e4n niit\u00e4 k\u00e4ytet\u00e4\u00e4n enemm\u00e4n tai v\u00e4hemm\u00e4n yksinomaan roskapostin l\u00e4hett\u00e4miseen ja tietoturva-aukkojen (kuten DDoSing) hy\u00f6dynt\u00e4miseen. On parasta yksinkertaisesti poistaa ne k\u00e4yt\u00f6st\u00e4 n\u00e4ill\u00e4 kahdella vaihtoehdolla Keskustelu-asetuksissa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Lis\u00e4osia ei tarvita.<\/p>\n<h3>31 Hidasta Heartbeat APIa<\/h3>\n<p>Heartbeat API toimii WordPressiss\u00e4 pit\u00e4\u00e4kseen tietyt ominaisuudet k\u00e4ynniss\u00e4 selaimessasi. WordPress esimerkiksi tallentaa viestisi automaattisesti, kun ty\u00f6skentelet niiden parissa, jotta et menet\u00e4 sis\u00e4lt\u00f6\u00e4si virheen tai virheen sattuessa.<\/p>\n<p>T\u00e4m\u00e4 sovellusliittym\u00e4 toimii tavallisesti kerran minuutissa, ja saatat huomata, ett\u00e4 se hidastaa sinua jonkin verran, kun ty\u00f6skentelet postauksen parissa tai k\u00e4yt\u00e4t muita j\u00e4rjestelm\u00e4nvalvojan ominaisuuksia.<\/p>\n<p>Vaikka se ei ole iso asia useimmille ihmisille, voit yht\u00e4 hyvin hidastaa sit\u00e4 t\u00e4ll\u00e4 asetuksella WP Rocket -laajennuksessa:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Aktiviteetin v\u00e4hent\u00e4minen k\u00e4skee Heartbeat API:n toimimaan kerran kahdessa minuutissa minuutin v\u00e4lein.<\/p>\n<h3>32 Poista hotlinking k\u00e4yt\u00f6st\u00e4<\/h3>\n<p>Hotlinking on, kun joku n\u00e4ytt\u00e4\u00e4 kuvan verkkosivustollaan, mutta h\u00e4n k\u00e4ytt\u00e4\u00e4 sivustosi kuvan URL-osoitetta kuvan n\u00e4ytt\u00e4miseen. Silloin tapahtuu, ett\u00e4 aina kun joku vierailee heid\u00e4n sivustollaan, kuvaa pyydet\u00e4\u00e4n palvelimeltasi omansa sijaan.<\/p>\n<p>T\u00e4rkeint\u00e4 on, ett\u00e4 kun joku linkitt\u00e4\u00e4 yhden kuvistasi, maksat kaistanleveydest\u00e4 etk\u00e4 saa mit\u00e4\u00e4n hy\u00f6ty\u00e4. Se varastaa.<\/p>\n<p>Cloudflare sis\u00e4lt\u00e4\u00e4 ScrapeShield-palvelun ilmaiseen tasoon, jolla on mahdollisuus est\u00e4\u00e4 ihmisi\u00e4 linkitt\u00e4m\u00e4st\u00e4 kuviasi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Etk\u00f6 pid\u00e4 kaikista n\u00e4ist\u00e4 yksinkertaisista otettavista vaihtoehdoista napsauttamalla?<\/p>\n<p>Laitoin t\u00e4m\u00e4n p\u00e4\u00e4lle \u00e4skett\u00e4in ja se s\u00e4\u00e4sti minulta tonnin kaistanleveytt\u00e4. Luulen, ett\u00e4 hotlinking alkoi lis\u00e4\u00e4nty\u00e4 verkkotunnuksessani vuosien varrella, ja t\u00e4m\u00e4 vaihtoehto mit\u00e4t\u00f6i n\u00e4m\u00e4 pyynn\u00f6t v\u00e4litt\u00f6m\u00e4sti.<\/p>\n<h3>33 Optimoi tietokantasi<\/h3>\n<p>Tietokannan puhdistaminen ei todenn\u00e4k\u00f6isesti tee sivustostasi nopeampaa, mutta se v\u00e4hent\u00e4\u00e4 k\u00e4ytt\u00e4m\u00e4si levytilan m\u00e4\u00e4r\u00e4\u00e4.<\/p>\n<p>Jos tietokannassasi on paljon turvotusta, t\u00e4m\u00e4 todenn\u00e4k\u00f6isemmin hidastaa j\u00e4rjestelm\u00e4nvalvojan hallintapaneelia kuin sivustosi k\u00e4ytt\u00f6liittym\u00e4\u00e4. Jos sinulla on esimerkiksi kymmeni\u00e4 tuhansia roskapostikommentteja, Kommentit-valikon latautuminen saattaa kest\u00e4\u00e4 kauemmin tiedon valtavan m\u00e4\u00e4r\u00e4n vuoksi.<\/p>\n<p>Saatavilla on monia laajennuksia tietokantaasi optimoimiseksi, mutta t\u00e4m\u00e4 on jotain, mit\u00e4 teen my\u00f6s WP Rocketin kanssa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>WP Rocketin asetusten Tietokanta-valikko sis\u00e4lt\u00e4\u00e4 my\u00f6s vaihtoehdot roskapostikommenttien ja muiden hy\u00f6dytt\u00f6mien tietojen automaattiseen poistamiseen tietokannastasi.<\/p>\n<p>Viel\u00e4 parempi, voit ajoittaa t\u00e4m\u00e4n automaation toimimaan puolestasi joka p\u00e4iv\u00e4, viikko tai kuukausi.<\/p>\n<h3>34 Poista k\u00e4yt\u00f6st\u00e4 tai rajoita postauksen versiot<\/h3>\n<p>Opit juuri, ett\u00e4 WordPress k\u00e4ytt\u00e4\u00e4 Heartbeat API:a tallentaakseen rutiininomaisesti tekstisi luonnoksia. No, WordPress tallentaa my\u00f6s versiot, jotka voit tarvittaessa palauttaa my\u00f6hemmin.<\/p>\n<p>Monien versioiden tallentamisen ongelma on, ett\u00e4 ne viev\u00e4t tilaa tietokannassasi. Viesti, jossa on 19 versiota, on kuin 20 viestin tallentamista tietokantaan. Vaikka voit <a href=\"https:\/\/wordpress.org\/plugins\/disable-post-revision\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">poistaa versiot k\u00e4yt\u00f6st\u00e4 laajennuksella<\/a> tai <a href=\"https:\/\/wordpress.org\/plugins\/wp-revisions-control\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">rajoittaa niit\u00e4<\/a>, voit my\u00f6s yksinkertaisesti poistaa ne.<\/p>\n<p>WP Rocketin Tietokanta-valikko sis\u00e4lt\u00e4\u00e4 mahdollisuuden poistaa julkaisuversiot.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>Voit suorittaa t\u00e4m\u00e4n vaihtoehdon manuaalisesti tai ajastaa sen.<\/p>\n<p>Ja vain huomio, sinun tulee aina <a href=\"https:\/\/themewp.inform.click\/kak-sdelat-rezervnuju-kopiju-vashego-sajta-wordpress-i-zachem-vam-jeto-nuzhno\/\" title=\"varmuuskopioida sivustosi\">varmuuskopioida sivustosi<\/a> ennen tietokannan optimointia.<\/p>\n<p>WP Rocket on suunniteltu suorittamaan t\u00e4m\u00e4 optimointi joka p\u00e4iv\u00e4, koska Kinsta my\u00f6s varmuuskopioi sivustoni p\u00e4ivitt\u00e4in.<\/p>\n<h3>35 Poista kyselymerkkijonot<\/h3>\n<p>T\u00e4ss\u00e4 on paljon selitett\u00e4v\u00e4\u00e4, mutta koska se ei nopeuttaa sivustoasi, menen suoraan asiaan.<\/p>\n<p>Tiedostojen URL-osoitteiden kyselymerkkijonot voivat mahdollisesti est\u00e4\u00e4 niiden tallentamisen v\u00e4limuistiin. Useimmissa v\u00e4limuistilaajennuksissa, kuten WP Rocketissa, n\u00e4in ei ole, joten kyselymerkkijonojen l\u00e4sn\u00e4olo ei ole ongelma.<\/p>\n<p>Lis\u00e4ksi kyselymerkkijonoja ei usein pid\u00e4 poistaa, koska niit\u00e4 tarvitaan, jotta laajennukset toimisivat kunnolla.<\/p>\n<p>Aktivoi t\u00e4m\u00e4 vaihtoehto WP Rocketissa ja tee se:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" alt=\"Kaikki 36 tapaa nopeuttaa WordPress-sivustoasi\"><\/a><\/p>\n<p>He ovat optimoineet t\u00e4m\u00e4n ominaisuuden, jotta se ei h\u00e4iritse sivustosi asioita ja et n\u00e4e GTMetrixin ja muiden suorituskyvyn tarkastusty\u00f6kalujen varoituksia, joita sinun on poistettava kyselymerkkijonoista staattisista resursseista.<\/p>\n<h3>36 Poista ei-aktiiviset laajennukset<\/h3>\n<p>Kun poistat laajennuksen k\u00e4yt\u00f6st\u00e4, sammutat sen. Voit aktivoida sen uudelleen ja entiset asetuksesi palautetaan.<\/p>\n<p>Jos kuitenkin poistat laajennuksen, se poistaa yleens\u00e4 asetuksesi ja laajennuksen luomat tiedot. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 useimmilla laajennuksilla on puhdistusprosessi, jonka ne suorittavat, kun ne poistetaan, jotta ne eiv\u00e4t j\u00e4t\u00e4 sotkua tietokantaasi.<\/p>\n<p>Jos sinulla on ei-aktiivisia laajennuksia, joita et ole viel\u00e4 poistanut, niiden poistaminen voi auttaa optimoimaan tietokantaasi. Lis\u00e4ksi se on vain hyv\u00e4 k\u00e4yt\u00e4nt\u00f6 yleens\u00e4 \ud83d\ude42<\/p>\n<h2>Nauti nopeammasta verkkosivustostasi<\/h2>\n<p>Yli 7 000 sanaa sis\u00e4lt\u00e4v\u00e4 t\u00e4m\u00e4 on virallisesti pisin koskaan kirjoittamani blogikirjoitus. Halusin sis\u00e4llytt\u00e4\u00e4 kaiken!<\/p>\n<p>On vain yksi asia, joka minun on kerrottava sinulle\u2026<\/p>\n<p>Mit\u00e4 tulee suorituskyvyn optimointiin, ty\u00f6si ei ole koskaan todella valmis. Kun olet ottanut k\u00e4ytt\u00f6\u00f6n taktiikat, joita haluat kokeilla sivustollasi, muista palata t\u00e4nne kerran tai kahdesti vuodessa k\u00e4yd\u00e4ksesi luettelon l\u00e4pi ja optimoimassa sivustosi uudelleen.<\/p>\n<p>Huomaan, ett\u00e4 minun on optimoitava sivustoni uudelleen v\u00e4hint\u00e4\u00e4n kerran vuodessa pit\u00e4\u00e4kseni sen huippukunnossa.<\/p>\n<p>Saatat my\u00f6s huomata, ett\u00e4 kun k\u00e4yt\u00e4t t\u00e4t\u00e4 luetteloa ensimm\u00e4isen kerran, jotkin taktiikat olivat liian teknisi\u00e4 selvitett\u00e4v\u00e4ksi. Kun sinusta tulee enemm\u00e4n WordPress-ammattilainen, saatat palata huomaamaan, ett\u00e4 n\u00e4it\u00e4 taktiikoita on helpompi soveltaa.<\/p>\n<p>Jos sinulla on kysytt\u00e4v\u00e4\u00e4, j\u00e4t\u00e4n kommenttiosion auki, joten kirjoita alle!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jokainen WordPressin suorituskyvyn optimointimenetelm\u00e4 on selke\u00e4sti selitetty ja lueteltu t\u00e4ss\u00e4, jotta voit vihdoin nopeuttaa verkkosivustoasi.<\/p>\n","protected":false},"author":1,"featured_media":263246,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[583],"tags":[843],"class_list":["post-241137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nopeuta-wordpressia","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/241137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=241137"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/241137\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/263246"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=241137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=241137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=241137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}