Намалете HTML на вашия WordPress, за да намалите теглото на страницата

Публичната част на уебсайт или изразена по друг начин, какъвто браузърът рисува, не е нищо повече от HTML документ, където ще намерим тагове от всякакъв вид: изображения, връзки, раздели, статии, заглавки, долни колонтитули и т.н. ... Грубо казано нещо като:

wordpress

Това е HTML (намалих няколко неща), който рисува темата двадесет и седемнадесет WordPress въз основа на първоначалната инсталация, без приставки и само със примерната страница и записа Hello Hello. Физически заема 12 124 байта. Нека да видим какво можем да направим, за да намалим размера на HTML, който се генерира в публичната част на WordPress.

Почистете HTML заглавката на WordPress

Поредица от маркери като wlwmanifest, генератор, емотикони (скрипт и css) и т.н. ... се зареждат в заглавката, която вероятно няма да използвате и заема само място и генерира повече ненужни http заявки. Можем да добавим функция в нашите functions.php за почистване на заглавката:

Случайно в заглавката ни има целия този HTML код:

За да се сведе до това:

Общото тегло на HTML ще бъде намалено до 9 171 байта. Не само успяваме да намалим теглото, но също така избягваме HTTP заявки, които увеличават времето за зареждане на нашия уебсайт.

Почистете класовете, които не използваме в тялото, статиите и менютата

В няколко маркера можем да видим, че WordPress рисува поредица от класове, за да ни даде възможност за персонализиране на определен шаблон, публикация или дори публикации, принадлежащи към категория или маркер и т.н. ... Пример:

Етикети на менюто (

    ):

Ако няма да използвате тези класове за оформление или стилизиране на части от вашия уебсайт, по-добре ги изтрийте. Внимавайте, може да ви е интересно да запазите някои, в примерите по-долу ще създадем бели списъци.

За да премахнем класовете на маркера на тялото, ще използваме филтъра body_class. Този филтър рисува поредица от класове в зависимост от шаблона, в който се намираме (например: начало, грешка404, категория ...):

Същото за класовете, добавени към статиите, но този път с помощта на филтъра post_class: