Ako opraviť blokovanie vykresľovania JavaScript a CSS vo WordPress?

JavaScript a CSS na blokovanie vykresľovania sú dva z najbežnejších spôsobov spomalenia webovej stránky. Ak tieto zdroje nie sú správne optimalizované, môžu prehliadaču brániť vo vykresľovaní obsahu stránky, čo má za následok zlú používateľskú skúsenosť.

Ak chcete opraviť JavaScript a CSS blokujúce vykreslenie vo WordPress, môžete:

1. Minimalizujte a skombinujte svoje súbory JavaScript a CSS. Tým sa zníži veľkosť súborov a rýchlejšie sa načítajú.

2. Presuňte súbory JavaScript a CSS do päty svojej stránky. To im zabráni blokovať vykresľovanie obsahu v hornej časti stránky.

3. Na hosťovanie súborov JavaScript a CSS použite sieť na doručovanie obsahu (CDN). Pomôže to zlepšiť výkon vašej lokality znížením vzdialenosti medzi servermi, ktoré sú hostiteľmi vašich súborov, a používateľmi, ktorí navštívia vašu lokalitu.

Tu je niekoľko ďalších tipov na optimalizáciu súborov JavaScript a CSS:

* Pomocou nástroja ako GTmetrix alebo Pingdom otestujte výkonnosť svojich stránok. Pomôže vám to identifikovať konkrétne oblasti, v ktorých je možné vašu stránku vylepšiť.

* Povoľte kompresiu pre súbory JavaScript a CSS. To ďalej zníži veľkosť súborov a urýchli ich načítanie.

* Na automatickú optimalizáciu súborov JavaScript a CSS použite doplnok ako Autoptimize alebo WP Rocket. To vám ušetrí čas a námahu pri manuálnej optimalizácii týchto súborov.

Dodržiavaním týchto tipov môžete pomôcť zlepšiť výkon svojej stránky WordPress a poskytnúť návštevníkom lepšiu používateľskú skúsenosť.

Tu je niekoľko ďalších zdrojov, ktoré by vám mohli pomôcť:

* [Google PageSpeed ​​Insights](https://developers.google.com/speed/pagespeed/insights/)

* [YSlow](https://yslow.org/)

* [WebPageTest](https://www.webpagetest.org/)

* [WP Smush](https://wordpress.org/plugins/wp-smushit/)

* [Komprimovať obrázky JPEG a PNG](https://wordpress.org/plugins/compress-jpeg-png-images/)

• Predchádzajúca strana: Ako odstrániť nepoužívané CSS a JavaScript vo WordPress? 
• Ďalšia strana: Ako zakázať JavaScript v prehliadačoch Chrome, Firefox, Safari a Edge?