6 sammu WordPressi veebisaidi kiirendamiseks
Kõik teavad, et saidi kiirusel on veebisaidi edukuse seisukohalt oluline roll. Mida rohkem teie saiti kiiresti laaditakse, seda rohkem kasutajaid teie sisuga suhtleb. Selles artiklis näitame teile 6 sammu WordPressi veebisaidi kiirendamiseks.
Teie saidi laadimise tavaaeg on vähem kui 2 sekundit. Kui teie saidi laadimiseks kulub rohkem kui 2 sekundit, siis teete midagi valesti.
Teie veebisaidi kiiruse kontrollimiseks on saadaval mitu veebipõhist tööriista, näiteks pingdom jne. Kuid soovitaksin vaadata oma veebisaiti Google Page Insightsis. Minu kogemuse põhjal annab see tööriist parema tulemuse. Google Page Insights näitab teile segavaid tegureid, mis põhjustavad teie saidi aeglast laadimist.
Vaatame samm-sammult protsessi saidi jõudluse ja kiiruse parandamiseks. Allpool on ekraanipilt minu veebisaidi skoorist Google Page Insightis.
1 samm – kaasake CSS ja JS standardsel viisil
Kas olete kunagi märganud, et Render blokeerib JavaScripti ja CSS-i lehe ülaosas? Kui te pole CSS-i ja JS-i tavapärasel viisil kaasanud, võib see teie saiti aeglustada. Rusikareeglina peaks CSS sisalduma päises ja JS jaluses. Peaksite hoolitsema selle eest, et teie veebisait järgiks seda tavapärast tava.
2 samm – optimeerige enne kasutamist pildid
Piltidel on oluline roll kasutajakogemuse parandamisel. Pilkupüüdvad pildid hoiavad teie kasutajaid sisuga seotud. Kuid raskete piltide kasutamine tapab teie veebisaidi kiiruse peaaegu. Näiteks olete üles laadinud saidile pildi suurusega 2 MB, seejärel võtab lehe laadimise ajal enne selle lehe publikule esitamist selle 2 MB suurune lisaaeg.
Siit tuleb kontseptsioon piltide optimeerimiseks enne kasutamist. Saadaval on mitu pistikprogrammi, mis teevad selle ülesande piltide tihendamiseks teie meediumiteegist. Mõned populaarsed pistikprogrammid on
- JPEG- ja PNG-piltide tihendamine ByTinyPNG
- ShortPixeli pildi optimeerija
- Pildi tihendamine ja optimeerimine
- EWWW pildi optimeerija
Kõik need pistikprogrammid töötavad hästi. Soovitaksin kasutada TinyPNG pistikprogrammi. Kasutan seda pistikprogrammi oma veebisaidil ja olen sellega üsna rahul.
Mõnel juhul peame pilte kuvama väljaspool meediumiteeki. Loome kohandatud kataloogi ja laadime sinna üles pildid, seejärel kasutame neid pilte veebisaidil. Olen kirjutanud artiklid teemadest Optimeeri pilti üleslaadimisel ja TinyPNG tihenda pilte. Kui te ei kasuta meediumiteeki piltide jaoks, lugege neid artikleid.
Näpunäide: kärpige kuvatava suurusega pildid. Oletame, et teil on konteiner suurusega 300 * 250. Sel juhul peaksite pilti kärpima konteineri suuruse järgi. Ärge kasutage väiksemas mahutis suuremat pilti. See mõjutab ka saidi toimivust.
3 samm – laisate piltide laadimine
Lazy Load Images aitab teie veebisaiti kiirendada. Laiska laadimise pistikprogrammi kasutades ei laadita teie pilte enne, kui kasutaja nende juurde kerib. See aitab vähendada lehe suurust laadimise ajal.
Kui soovite rakendada laisate laadimispilte ilma pistikprogrammi kasutamata, lugege palun meie artiklit teemal Veebisaidi jõudluse parandamine laisate piltide abil.
4 samm – optimeeri andmebaas
Niipalju kui teie andmebaasi suurus on väike, vastab teie server veebisaidilt tulevale andmebaasitaotlusele kiiresti. Kui teie andmebaas hakkab suurenema, võtab teie server vastamiseks rohkem aega.
WordPressis aja möödudes mitu teie andmebaasi salvestatud harvaesinevat teavet. Näiteks postituse või lehe värskendamisel iga kord, kui WordPress redaktsiooni andmebaasi salvestab. Ma eelistaksin säilitada ainult viimased 3 versiooni, mis on täiesti piisavad. Paranduste kuni kolm korda hoidmiseks peate allpool oleva koodi asetama oma faili wp-config.php.
define('WP_POST_REVISIONS', 3);Koodist kõrgemal on versioonide arv piiratud. Samuti on mõned muud tabelid, mida tuleks ka optimeerida. Andmebaasi optimeerimiseks soovitan kasutada pistikprogramme WP-DBManager või WP-Sweep.
5 samm – vahemälu kasutamine
Tänu inseneridele, kes tutvustasid brauseri vahemälu kontseptsiooni. Kui kasutaja külastab teie veebisaiti, salvestab kasutaja brauser teie lehe brauseri ajutises salvestuskohas. Kui kasutaja järgmisel korral veebisaiti külastab, esitab brauser kogu lehe uuesti laadimise asemel lehe kasutajatele viimati salvestatud vahemälust. See vähendab ribalaiuse kasutamist nii kasutaja kui ka serveri poolel. Vahemälu kasutamine oma veebisaidil kiirendab WordPressi veebisaiti dramaatiliselt. Mõned populaarsed vahemälu pistikprogrammid on järgmised.
6 samm – kasutage brauseri vahemälu
Kui kasutate brauseri vahemälu, salvestatakse teie veebilehe failid brauseri vahemällu. Teie lehed laaditakse korduvate külastajate jaoks palju kiiremini. Lisage järgmine kood oma saidi htaccess-faili ja see võimaldab teil brauseri vahemällu salvestada.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Märkus. WordPressis kasutavad mõned pistikprogrammid väliseid ressursse. Me ei saa nendele välistele ressurssidele aeguvaid päiseid määrata. Üks võimalus on need välised failid oma serverisse salvestada ja seejärel oma veebisaidile lisada.
Loodan, et saate aru, kuidas WordPressi veebisaiti kiirendada. Kui mul jäi midagi puudu või kasutate mõnda muud tehnikat, jagage palun allpool toodud kommentaare.