Решаване на проблема с блокиращите изобразяването JavaScript и CSS – WordPress

Решаване на проблема с блокиращите изобразяването JavaScript и CSS - WordPress от Powweb.eu
от

WordPress решаване на проблема с блокиращите изобразяването JavaScript и CSS и Minify настройки за W3 Total Cache.

Скороста на зареждане на сайта е важен фактор за индексирането му в статията:

Оптимизиране на WordPress сайт с W3 Total Cache сме обяснили основните настройки на кеширащото разширение за WordPress – W3 Total cache.

В тази статия ще допълним с настройките за Minify и малко настройки, за решаване на проблема с блокиращите изобразяването JavaScript и CSS (Eliminate render-blocking Javascript and CSS) в няколко стъпки.

Решаване на проблема с блокиращите изобразяването JavaScript и CSS - WordPress от Powweb.eu 5

  1. Направете бекъп на файловете и базата данни на сайта, тази стъпка е важна за всякакви промени които планирате да правите.
  2. От менюто на W3 Total Cache избирате General Settings и поставяте отметка/активирате Minify.

    За Minify Mode избирате Manual.

  3. От главното меню на W3 Total Cache избирате Minify и поставяте отметка/активирате JS >> JS minify settings.

    Останалите прозорци трябва да изглеждат така:

    Решаване на проблема с блокиращите изобразяването JavaScript и CSS - WordPress от Powweb.eu 2

  4. Сега идва най-важната част – в настройките за JS file management, в падащото меню трябва да е избрана темата която използвате.

    Решаване на проблема с блокиращите изобразяването JavaScript и CSS - WordPress от Powweb.eu 3

    Кликате на бутона Add Script и пускате проверка на скороста, като въведете сайта в инструмента на Google.

  5. Копирате линковете от секцията за JS и ги поставяте в секцията Minify >> JS >> Add Scripts.

    Решаване на проблема с блокиращите изобразяването JavaScript и CSS - WordPress от Powweb.eu 6

    Важно:След всеки поставен линк проверявайте дали всичко по сайта работи коректно и внимавайте да не поставите линковете в секцията за CSS.

  6. След като приключите с JS отивате в Performance -> Minify >> CSS – точно под секцията за JS,

    Решаване на проблема с блокиращите изобразяването JavaScript и CSS - WordPress от Powweb.eu 4

    поставяте отметка за активиране и повтаряте стъпка 5 само, че за CSS.

Друг важен фактор освен кеширането е да използвате оптимизирани изображения, настройките на кеширането, изображенията и избор на подходящ хостинг имат най-голяма роля при скороста на зареждане на повечето WordPress (и не само) сайтове.

Това е, надяваме се да сме ви помогнали, да намалите времето за зареждане и да оптимизирате сайтовете си, за да се харесат на Google.

Ако незнаете дали сайтът ви е добре оптимизиран, може да ни го изпратите за безплатен анализ, като попълните формата.


Вашият коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *