Vaatame samm-sammult protsessi saidi j\u00f5udluse ja kiiruse parandamiseks. Allpool on ekraanipilt minu veebisaidi skoorist Google Page Insightis.<\/p>\n
Kas olete kunagi m\u00e4rganud, et Render blokeerib JavaScripti ja CSS-i lehe \u00fclaosas? Kui te pole CSS-i ja JS-i tavap\u00e4rasel viisil kaasanud, v\u00f5ib<\/a> see teie saiti aeglustada. Rusikareeglina peaks CSS sisalduma p\u00e4ises ja JS jaluses. Peaksite hoolitsema selle eest, et teie veebisait j\u00e4rgiks seda tavap\u00e4rast tava.<\/p>\n Piltidel on oluline roll kasutajakogemuse parandamisel. Pilkup\u00fc\u00fcdvad pildid hoiavad teie kasutajaid sisuga seotud. Kuid raskete piltide kasutamine tapab teie veebisaidi kiiruse peaaegu. N\u00e4iteks olete \u00fcles laadinud saidile pildi suurusega 2 MB, seej\u00e4rel v\u00f5tab lehe laadimise ajal enne selle lehe publikule esitamist selle 2 MB suurune lisaaeg.<\/p>\n Siit tuleb kontseptsioon piltide optimeerimiseks<\/strong> enne kasutamist. Saadaval on mitu pistikprogrammi, mis teevad selle \u00fclesande piltide tihendamiseks teie meediumiteegist. M\u00f5ned populaarsed pistikprogrammid on<\/p>\n K\u00f5ik need pistikprogrammid t\u00f6\u00f6tavad h\u00e4sti. Soovitaksin kasutada TinyPNG pistikprogrammi. Kasutan seda pistikprogrammi oma veebisaidil ja olen sellega \u00fcsna rahul.<\/p>\n M\u00f5nel juhul peame pilte kuvama v\u00e4ljaspool meediumiteeki. Loome kohandatud kataloogi ja laadime sinna \u00fcles pildid, seej\u00e4rel kasutame neid pilte veebisaidil. Olen kirjutanud artiklid teemadest<\/a> Optimeeri pilti \u00fcleslaadimisel<\/a> ja TinyPNG tihenda pilte<\/a>. Kui te ei kasuta meediumiteeki piltide jaoks, lugege neid artikleid.<\/p>\n N\u00e4pun\u00e4ide: k\u00e4rpige kuvatava suurusega pildid. Oletame, et teil on konteiner suurusega 300 * 250. Sel juhul peaksite pilti k\u00e4rpima konteineri suuruse j\u00e4rgi. \u00c4rge kasutage v\u00e4iksemas mahutis suuremat pilti. See m\u00f5jutab ka saidi toimivust.<\/p>\n Lazy Load Images<\/strong> aitab teie veebisaiti kiirendada. Laiska laadimise<\/a> pistikprogrammi kasutades ei laadita teie pilte enne, kui kasutaja nende juurde kerib. See aitab v\u00e4hendada lehe suurust laadimise ajal.<\/p>\n Kui soovite rakendada laisate laadimispilte ilma pistikprogrammi kasutamata, lugege palun meie artiklit teemal Veebisaidi j\u00f5udluse parandamine laisate piltide abil<\/a>.<\/p>\n Niipalju kui teie andmebaasi suurus on v\u00e4ike, vastab teie server veebisaidilt tulevale andmebaasitaotlusele kiiresti. Kui teie andmebaas hakkab suurenema, v\u00f5tab teie server vastamiseks rohkem aega.<\/p>\n WordPressis aja m\u00f6\u00f6dudes mitu teie andmebaasi salvestatud harvaesinevat teavet. N\u00e4iteks postituse v\u00f5i lehe v\u00e4rskendamisel iga kord, kui WordPress redaktsiooni andmebaasi salvestab. Ma eelistaksin s\u00e4ilitada ainult viimased 3 versiooni, mis on t\u00e4iesti piisavad. Paranduste kuni kolm korda hoidmiseks peate allpool oleva koodi asetama oma faili wp-config.php.<\/p>\n Koodist k\u00f5rgemal on versioonide arv piiratud. Samuti on m\u00f5ned muud tabelid, mida tuleks ka optimeerida. Andmebaasi optimeerimiseks soovitan kasutada pistikprogramme WP-DBManager<\/a> v\u00f5i WP-Sweep<\/a>.<\/p>\n T\u00e4nu inseneridele, kes tutvustasid brauseri vahem\u00e4lu kontseptsiooni. Kui kasutaja k\u00fclastab teie veebisaiti, salvestab kasutaja brauser teie lehe brauseri ajutises salvestuskohas. Kui kasutaja j\u00e4rgmisel korral veebisaiti k\u00fclastab, esitab brauser kogu lehe uuesti laadimise asemel lehe kasutajatele viimati salvestatud vahem\u00e4lust. See v\u00e4hendab ribalaiuse kasutamist nii kasutaja kui ka serveri poolel. Vahem\u00e4lu kasutamine oma veebisaidil kiirendab WordPressi veebisaiti dramaatiliselt. M\u00f5ned populaarsed vahem\u00e4lu pistikprogrammid on j\u00e4rgmised.<\/p>\n Kui kasutate brauseri vahem\u00e4lu, salvestatakse teie veebilehe failid brauseri vahem\u00e4llu. Teie lehed laaditakse korduvate k\u00fclastajate jaoks palju kiiremini. Lisage j\u00e4rgmine kood oma saidi htaccess-faili ja see v\u00f5imaldab teil brauseri vahem\u00e4llu salvestada.<\/p>\n M\u00e4rkus. WordPressis kasutavad m\u00f5ned pistikprogrammid v\u00e4liseid ressursse. Me ei saa nendele v\u00e4listele ressurssidele aeguvaid p\u00e4iseid m\u00e4\u00e4rata. \u00dcks v\u00f5imalus on need v\u00e4lised failid oma serverisse salvestada ja seej\u00e4rel oma veebisaidile lisada.<\/p>\n Loodan, et saate aru, kuidas WordPressi veebisaiti kiirendada. Kui mul j\u00e4i midagi puudu v\u00f5i kasutate m\u00f5nda muud tehnikat, jagage palun allpool toodud kommentaare.<\/p>\n![\"6](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20834-60822fd29f5de.png\")
<\/a><\/p>\n1 samm – kaasake CSS ja JS standardsel viisil<\/h3>\n
2 samm – optimeerige enne kasutamist pildid<\/h3>\n
\n
3 samm – laisate piltide laadimine<\/h3>\n
4 samm – optimeeri andmebaas<\/h3>\n
define('WP_POST_REVISIONS', 3);<\/code><\/pre>\n5 samm – vahem\u00e4lu kasutamine<\/h3>\n
\n
6 samm – kasutage brauseri vahem\u00e4lu<\/h3>\n
<IfModule mod_expires.c>\nExpiresActive On\nExpiresByType image\/jpg \"access plus 1 year\"\nExpiresByType image\/jpeg \"access plus 1 year\"\nExpiresByType image\/gif \"access plus 1 year\"\nExpiresByType image\/png \"access plus 1 year\"\nExpiresByType text\/css \"access plus 1 month\"\nExpiresByType application\/pdf \"access plus 1 month\"\nExpiresByType text\/x-javascript \"access plus 1 month\"\nExpiresByType application\/x-shockwave-flash \"access plus 1 month\"\nExpiresByType image\/x-icon \"access plus 1 year\"\nExpiresDefault \"access plus 2 days\"\n<\/IfModule><\/code><\/pre>\n