Итак, чтобы оптимизировать код и сделать сайт наиболее привлекательным для поисковых систем, нам нужно:
— Сжать картинки, уменьшит ее вес, что сделает загрузку быстрее. Нередко неопытные вебмастера загружают на сервер картинки большого разрешения, которые потом посредством CSS сжимаются для отображения. Верно же загружать картинки в том разрешении, в котором они и будут показываться на странице. Можно вручную сжимать картинки, пересохраняя их в Фотошопе, или воспользоваться одним из множества сервисов, умеющих сжимать картинки. Используйте формат изображений WebP — это новый формат файлов изображений для использования в Интернете. При использовании формата изображения WebP ваши изображения будут на 25–34 % меньше по размеру, чем PNG и JPEG, без потери качества.
— Оптимизировать html, js и css. Нужно сделать код страниц максимально простым. Касательно html, то убрать все комментирование кода, сделать нормальный перенос по строкам. Для скриптов js размещать их после контента, чтобы значимая информация появлялась на экране раньше, чем загрузятся скрипты. Исключение – скрипт и нужен для отображения контента. Будет нелишним поместить все скрипты в один файл. CSS – использовать таблицы стилей для всего. Любой вывод информации должен в идеале происходить через CSS, а не загружаться каждый раз громоздким кодом.
Минимизация ресурсов (HTML , wbr CSS и wbr JavaScript) очень важные аспект успешной оптимизации.
Минимизация относится к процессу удаления ненужных или избыточных данных, не влияя на то, как ресурс обрабатывается браузером — например, комментарии и форматирование кода, удаление неиспользуемого кода, использование более коротких имен переменных и функций и т. д. Вы должны минимизировать свои ресурсы HTML, CSS и JavaScript:
1. Чтобы минимизировать HTML, попробуйте HTMLMinifier
2. Чтобы минимизировать CSS, попробуйте CSSNano и csso .
3. Чтобы минимизировать JavaScript, попробуйте UglifyJS .
4. Closure Compiler также очень эффективен . Вы можете создать процесс сборки, который использует эти инструменты для минимизации и переименования файлов разработки и сохранения их в производственном каталоге.