Dëshironi të eliminoni skedarët (CSS & JS) që bllokojnë ngarkimin e faqeve në WordPress? Nëse jeni duke testuar faqen tuaj në Google Insights PageSpeed, atëherë ndoshta do të shihni një sugjerim për të eleminuar skriptet që bllokojnë ngarkimin e faqeve. Në këtë manual, ne do t'ju tregojmë se si të rregulloni këto skedarë që bllokojnë ngarkimin e faqeve tuaja, për të përmirësuar rezultatin tuaj të Google PageSpeed.
Çfarë po bllokon ngarkimin e faqeve?
Eachdo faqe WordPress ka një temë dhe shtojcat që shtojnë skedarët JavaScript dhe CSS në fund dhe para se faqja të jetë e dukshme në shfletuesin. Këto shkrime mund të rrisin kohën e ngarkimit të faqes së faqes tuaj, dhe ato gjithashtu mund të bllokojnë renditjen e faqes.
Shfletuesi i një përdoruesi do të duhet të ngarkojë skripte dhe CSS para se të ngarkohet përmbajtja e faqes. Kjo do të thotë që përdoruesit në një lidhje më të ngadaltë do të duhet të presin edhe disa milisekonda për të parë faqen.
Pronarët e faqeve që përpiqen të arrijnë rezultat të mirë të Google PageSpeed do të duhet ta zgjidhin këtë çështje.
1 - Si të korrigjoni renditjen e faqeve me Autoptimize
Kjo metodë është më e thjeshtë dhe rekomandohet për shumicën e përdoruesve.
Gjëja e parë që duhet të bëni është të instaloni dhe aktivizoni plugin " Autoptimize ". Për më shumë detaje, shiko udhëzuesi ynë hap pas hapi se si të instaloni një shtojcë WordPress.
Pas aktivizimit të shtojcës, duhet të vizitoni " Cilësimet> Automoptizim Për të konfiguruar cilësimet e shtojcës.
Mund të filloni duke kontrolluar kutinë e opsionit JavaScript dhe CSS dhe pastaj të klikoni në butonin "Ruaj ndryshimet".
Tani mund ta testoni tuajin Site Web duke përdorur mjetin PageSpeed. Nëse ka ende skripta që bllokojnë paraqitjen e faqes, atëherë duhet të ktheheni në faqen e cilësimeve të shtojcave dhe të klikoni në butonin "Trego cilësimet e avancuara" në krye.
Këtu mund të lejoni që shtojca të përfshijë JS inline dhe të heqë skriptet që përjashtohen si parazgjedhje si "seal.js" ose "jquery.js".
Pastaj lëviz poshtë te opsioni CSS dhe lejo që shtojca të kombinojë të gjitha skedarët CSS.
Klikoni butonin "Ruaj ndryshimet dhe zbrazni cache" për të ruajtur ndryshimet tuaja dhe zbraz cache e plugin.
Pasi të keni mbaruar, shkoni përpara dhe kontrolloni tuajin Site Web përsëri me mjetin PageSpeed.
Sigurohuni që ta testoni faqen tuaj me kujdes për të parë që gjithçka po funksionon mirë pasi të keni optimizuar skedarët tuaj JavaScript ose CSS.
2 - rregulloni paraqitjen e skedarit me W3 Cache Total
Kjo metodë kërkon pak më shumë punë dhe rekomandohet për ata që tashmë kanë W3 Total Cache Faqja e internetit.
Së pari do të duhet të instaloni dhe aktivizoni shtojcën W3 Total Cache. Nëse keni nevojë për ndihmë, shikoni udhëzuesin tonë të plotë në W3 Total Cache.
Pastaj duhet të vizitoni "Performanca> Cilësimet e Përgjithshme" dhe lëvizni poshtë te seksioni "minimizo".
Para së gjithash, duhet të kontrolloni kutinë "Aktivizo" dhe pastaj zgjidhni "Manual" për opsionin e modalitetit të minimizimit.
Klikoni në butonin Ruani të gjitha cilësimet Për të ruajtur cilësimet tuaja.
Pastaj ju duhet të shtoni scripts dhe CSS ju doni të tkurret.
Ju mund të merrni URL-të e të gjitha skriptet dhe fletët e stilit që duhet të kombinohen sipas Google PageSpeed Insights.
Sipas sugjerimeve ku thotë, " Elimino Render bllokimin e JavaScript dhe CSS ", Kliko në" Trego si të zgjidhësh ". Do t'ju tregojë listën e skenareve dhe fletëve të stileve.
Lëvizni miun mbi një skenar dhe ai do t'ju tregojë URL-në e plotë. Ju mund të zgjidhni këtë URL, pastaj përdorni CTRL + C në tastierën tuaj (Command + C në Mac) për të kopjuar URL.
Tani shkoni në bordin tuaj të administratorit WordPress dhe shkoni te " performanca > Minifier '.
Së pari ju duhet të shtoni skedarë JavaScript që dëshironi të kompresoni. Shkoni poshtë në seksionin JS pastaj nën grupin "operacionet në zona" të llojit të ngulitur në "mos bllokoni duke përdorur" async "për seksionin .
Pastaj ju duhet të klikoni në butonin Shto një skript Dhe pastaj filloni të shtoni URL të skripteteve që kopjuat nga mjeti Google PageSpeed.
Pasi të keni mbaruar, lëvizni poshtë në seksionin CSS dhe klikoni në butonin "Shto fletë stili". Tani filloni të shtoni url-të e stileve që keni kopjuar me mjetin Google PageSpeed.
Tani klikoni në butonin Ruaj cilësimet dhe pastrimin e fshehtë Për të ruajtur cilësimet tuaja.
Vizitoni mjetin Google PageSpeed dhe provoni përsëri faqen tuaj në internet.
Sigurohuni që gjithashtu të provoni me kujdes faqen tuaj të internetit për të parë që gjithçka po funksionon mirë.
Kjo është e gjitha për këtë tutorial, shpresoj se do t'ju lejojë të përmirësoni performancën tuaj blog WordPress.
