Оптимизация кода сайта

Найдем ошибки в коде и исправим их

Как известно, в сайте все должно быть идеально, от картинки логотипа в футере до количества скобок в коде. Нельзя сказать, что идеальность кода сильно влияет на ранжирование сайта, однако, все таки влияет. Чистота кода влияет на скорость отображения сайта (не рассматриваем вариант ошибок, считаем что ошибок в коде не должно быть вообще). А долго открывающийся сайт не может быть в топе по определению (хотя исключения бывают).

оптимизация кода сайта и сервера

Оптимизация кода

Начнем анализ кода. Для этого есть несколько инструментов. Прежде всего это validator.w3.org и jigsaw.w3.org/css-validator/. Для JavaScript - validatejavascript.com . И конечно pagespeed.web.dev . В принципе, нужно просто устранить все проблемы следуя рекомендациям этих сайтов. Если есть желание и подходящие знания, то можно поработать с CSS и JavaScript, если же нет, то не трогайте их.

Оптимизация изображений

Отдельно стоит отметить изображения. Обязательно оптимизируйте их размер, так как это самая объёмная часть сайта. Оптимизировать изображения можно с помощью imagecompressor.com/ru/. Можете попробовать настроить формат изображений на WebP или AVIF, как советует гугловский пейдж спид, но эти форматы не везде идеально работают и по весу не всегда лучше оптимизированного джпега.

Оптимизация сервера

И вот мы дошли до сервера. Прежде всего настройте сжатие сайта на хостинге, если этого нет по умолчанию. Обычно надо просто найти названия gzip или brotli, либо другой тип сжатия, и поставить напротив них галочки. Далее обязательно настройте кеширование на сервере. Так как у всех хостингов настройки отличаются, просто почитайте инструкцию или обратитесь в техподдержку.