Медленная загрузка сайта — 1
Сначала я на это не особо обращала внимание — этот сайт все же в первую очередь просто мой дневник, и рано или поздно я перенесу его на домашний сервер без доступа из интернета.
Но пару раз посмотрела сайт подруги, который грузится просто моментально, и медленность моего начала меня сильно раздражать. Тем более, что сейчас делаю сайт объявлений, скорость которого будет важна, так что решила все же разобраться.
Ищем, что тормозит при загрузке.
Я пользуюсь сейчас браузером EDGE, на сайте открываю инструмент разработчика сочетанием ctrl-shift-I, дальше копаюсь в кнопочках. Видно, что замечание висит на консоли:
так, граватар (Gravatar (от англ. globally recognized avatar — глобально распознаваемый аватар — Википедия) блокируется системой предотвращения отслеживания Edge. Не знаю, с любым браузером так будет на windows, а может и на линукс тоже. Отключить его довольно просто: настройки-обсуждения — в самом низу страницы снять галочку «показывать аватары».
Отключила, смотрим что получилось.
Ищу дальше, иду по ссылке PageSpeed Insights (web.dev) -это инструмент гугла для анализа скорости загрузки.
Получила рекомендации, пойдем по порядку.
Оптимизировать размер фото.
Я вообще-то перед загрузкой их итак оптимизирую: делаю размер примерно таким, каким оно будет отображаться будет на сайте, да еще и сжимаю. Но поскольку у меня грузится дольше всего именно главная страница, я немножко ее поменяла: поставила в настройках последних записей, чтобы отображался не средний размер, а миниатюра. Вроде, это дало результат, по крайней мере гугл в рекомендациях ссылаться на эти фото перестал.
Используйте современные форматы изображений.
Я не использую формат WebP, потому что не везде он еще открывается, а лишние копии фото на сервере место съедят. Еще гугл предлагает использовать для оптимизации свой формат AVIF. Насколько я поняла, формат еще новее и круче WebP. Я его в бесплатных плагинах не встречала, а другими не пользуюсь пока. Ну и скорее всего также не везде откроются изображения в нем и придется в двух форматах хранить. Короче, тут я ничего не трогаю.
Удалите неиспользуемый код JavaScript и CSS.
Определить его можно с помощью инструмента разработчика. Как это сделать я нашла элементарным поиском по запросу «анализ покрытия кода в инструментах разработчика edge». В каждом браузере будет немножко по своему. Мой выдал список довольно понятный даже для меня. Смотрю, лидер тут плагин, которым я пользовалась пару раз и поняла, что мне он не нужен, и я итак его хочу удалить — но для этого надо найти те записи где он использовался и изменить их. Это долго, записей уже много, этим я потихонечку буду заниматься. Остальное я просмотрела, но практически применить не смогу, потому что с кодом я пока не работаю и не понимаю, что надо сделать, а другие плагины удалять не буду, они мне нужны.
Устраните ресурсы, блокирующие отображение.
Вот тут у меня самые гигантские задержки по версии гугла. А среди них — яндекс метрика (абсолютный лидер, и не только в этом пункте) и шрифты гугл: они каждый раз подгружаются при открытии каждой страниц. Метрику оставляю в покое, а шрифты решила загрузить на свой сервер. Вручную сделать я это могу, но тогда придется тупо скопировать из какой-нибудь чужой код и вставить его куда они рекомендуют. То есть сделать непонятные для меня вещи, которые неизвестно как и на что еще повлияют, останутся ли после обновлений, я не буду знать надо ли их как-то менять и когда это делать и т.п. Так что вариант второй — ставить еще один плагин. который сам по себе тоже время будет занимать для своей работы.
Ну, решила попробовать, подобрала плагин (Easy Fonts Options, просто нашла в бесплатных, недавно обновлен, с моей версией WP тестировался, простой, рейтинг хороший), поставила, включила загрузку и сравнила результаты работы с плагином и без него (7 раз, не поленилась!). В итоге в большинстве случаев: загрузка гугла «съедала» времени больше примерно в три раза.
А вот «цепочки критических запросов» увеличились — плагин создает их больше почему-то, чем гугл. И если я правильно понимаю, работают они дольше.
Но поскольку большинство показателей в большинстве случаев улучшаются, в том числе и общие показатели производительности , я решила плагин оставить.
Кроме выше перечисленного я перенастроила внимательно, с помощью встроенного помощника, плагин кэширования; убрала ненужную возможность комментирования записей.
Есть еще показатели, в которые надо вникнуть глубже. Подозреваю, что неправильно использую тему — или с ней не все плагины дружат, замедляют они друг друга.
Вижу долгий отклик от сервера. Может, стоит связаться с поддержкой и попросить совета.
Есть еще множество показателей, у которых я даже названия даже примерно не понимаю. Туда я даже лезть не буду, тут требуются значительно более глубокие знания не то что вордпресс, а программирования вообще.
Итак, на данный момент, мне удалось немного улучшить ситуацию — но слишком незначительно, чтобы это стало заметно глазу — только показатели системы стали чуточку лучше. Некоторые. Поэтому работа в данном направлении продолжится, и скорее всего будет еще один пост. Или даже не один.