Публичната част на уебсайт или изразена по друг начин, какъвто браузърът рисува, не е нищо повече от HTML документ, където ще намерим тагове от всякакъв вид: изображения, връзки, раздели, статии, заглавки, долни колонтитули и т.н. ... Грубо казано нещо като:
Това е 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:
Също така за менюта, използвайки филтъра nav_menu_css_class:
Не е много, но сме тръгнали от 9,171 байта до 8 868 байта. Спомням си, че това е основна първоначална инсталация, печалбата ще бъде по-висока в реална среда с повече публикации, повече елементи от менюто и т.н. ...
Премахнете параметъра на версията от низовете на заявката
WordPress обикновено добавя параметър в края с номера на версията към URL адреса на CSS и JS файлове, например: ?изглед = 4.7.4. За да го премахнете, просто добавете тази функция:
В този пример се появява 10 пъти, елиминирайки го, можем да намалим HTML до 8,775 байта. Освен това някои анализатори на производителността като Pingdom Tools или GT Metrix препоръчват да ги изтриете, тъй като при всяка промяна на версията кешът ще бъде „анулиран“ и клиентът ще трябва да изтегли ресурса отново, което вероятно е същото.
Умалете HTML, за да завършите
Повечето приставки за кеш предлагат възможност за минимизиране на HTML. Минимизирането на HTML означава премахване на всички интервали, раздели, прекъсвания на редове, коментари и т.н. ... оставяйки целия HTML в един ред, оставяйки нещо толкова грозно като изображението на корицата на тази публикация.
В нашия пример намаляваме теглото до 7,758 байта. Тъй като 12 124 първоначалните байтове, всички тези действия са довели до подобрение на 4,366 байта. Не е много, но имайте предвид, че този пример е единствено и изключително със съдържанието, генерирано в чиста инсталация на WordPress.
В реалния живот с инсталирани плъгини и много повече съдържание надстройката може да бъде няколко KB. Все още е малко, но все пак с този пример винаги ще зарежда 7,7 KB по-бързо от 12,1 KB, дори и да са едва няколко хилядни незабележими за човешкото око.
Към тези техники трябва да се подхожда в смисъл, че са зрънце пясък повече това ще ни помогне да имаме по-добри резултати. Ако вместо приставка за кеш искате да се осмелите да го направите на ръка и да имате контрол върху начина за минимизиране на HTML, каня ви да посетите това репо на GitHub, където имам PHP клас, за да изпълня тази задача.
Размисъл за завършване: В списъците с публикации, където можем да покажем последните 10 публикации, ако всяка публикация има изображение, заглавие, връзка, бутон, извлечение и т.н. ... и ние намаляваме списъка до последните 8, изрисуваният HTML не само ще бъде по-малко, заявката е по-бърза и има и по-малко http заявки, например към изображенията, в допълнение към избягването на зареждането на самите тези две изображения.
Намерихте ли тази информация за полезна?
Ако този пост е решил проблем за вас, купете ми кафе или бира. С този малък жест ме насърчавате да продължа да пиша.