Comments 5
В статье про оптимизацию используется preloader и gif, что на мой взгляд как раз работает в обратную сторону.
Формат gif сам по себе очень тяжелый и вес одного такого прелоадера может доходить до мегабайт. Оптимальнее сделать svg, вставить его прямо в html и добавить простую анимацию через rotate(). Анимацию можно заинлайнить прямо в svg, а стили остального прелоадера прописать в <style>. В итоге мы избавляемся от двух запросов за ресурсами и уменьшаем размер самого прелоадера. Или же можно конвертировать gif в видео, вставить при помощи тега <video> с атрибутами muted, autoplay и loop.
Но вообще лучше обходиться вовсе без него, потому как прелоадер сильно влияет на показатель Cumulative Layout Shift. Да и многих пользователей прелоадер скорее раздражает.
Также в предзагрузке шрифта есть опечатка. Подключается woff2, а mime type стоит ttf.
CDN для Wordpress тоже дает хороший плюс в ускорении
///
«Для решения этой проблемы я порекомендую бесплатный плагин Autoptimize» (с)
По опыту этот плагин на WP приводит к множественным глюкам и неработоспособности многих функций.
Конечно ускоряет, но весь функционал сайта сводит к куску кирпича.
Хотя если нужно отдавать статичные странички простенького сайта — может глюки и не вылезут.
///
Мне понравилась связка Webcraftic Clearfy + PageSpeed Ninja.
Намного более щадящие плагины по отношению к работоспособности функционала сайта.
Правда тоже нужно поштучно проверять каждую поставленную «галочку».
Если включить даже стандартные безопасные способы оптимизации — обязательно что-то «поплывет».
///
Вот что я точно не понимаю и почему-то об этом никто не пишет:
PageSpeed наибольшее время загрузки выдает для кода счетчиков (Гугл и Яндекс) и кода рекламы (AdSense и РСЯ).
Причем счетчики Гугла и Яндекса показывают серьезную загрузку, а такой же счетчик от LiveInternet незаметен.
Что с ними-то делать?
Есть какой-то вариант оптимизировать эту гадость?
Увеличение скорости загрузки сайта для CMS Wordpress