Меньше всего разочаровывает больше, чем веб-сайт, на загрузку которого требуется время. Поэтому неудивительно, что не только люди, но и поисковые системы стараются держаться подальше от медленных сайтов. Имея это в виду, вот несколько лучших советов, которые вы можете применить, чтобы не раздражать посетителей и не отвлекать их при первом посещении вашего веб-сайта.
1. Оптимизируйте свой код
Лучший конструктор веб-сайтов упростит создание веб-сайта. Хотя их богатый набор шаблонов поможет вам с легкостью стилизовать ваш сайт, у них есть один недостаток. Многие шаблоны содержат беспорядочный код, который может замедлить работу вашего сайта.
Чтобы решить эту проблему, вы можете удалить весь ненужный код и форматирование в файлах HTML, CSS и JavaScript. Этот процесс удаления излишков называется уменьшением, и вы можете использовать простые онлайн-инструменты, такие как минификатор Уилла Пиви, чтобы помочь вам начать работу. Пользователи WordPress могут использовать плагин Autoptimize, чтобы упростить процесс.
2. Сожмите свой веб-сайт.
Веб-сайты быстро становятся большими и тяжелыми. Все изображения и даже простые текстовые файлы HTML, CSS и JavaScript быстро разрастаются. Один из лучших способов ускорить работу веб-сайта - включить сжатие с помощью Gzip. Это уменьшит размер ответа HTTP, тем самым уменьшив время ответа.
Вам нужно будет включить соответствующий модуль сжатия на своем веб-сервере, прежде чем включать его для своего веб-сайта, отредактировав файл .htaccess. Точные шаги различаются и зависят от вашего веб-сервера, но вот как вы это делаете в Apache.
3. Оптимизируйте изображения.
Изображения - одна из самых коротких частей веб-сайта и, как правило, самый медленный элемент загрузки на любой веб-странице. Чтобы управлять таким поведением, вместо масштабирования больших изображений с помощью HTML начните с уменьшения размеров всех изображений на вашем веб-сайте до нужного вам размера.
Фактически, вам следует вести список различных размеров изображений для различных элементов вашего веб-сайта, чтобы никогда не загружать больше пикселей, чем вам нужно. Если у вас есть сайт с большим количеством изображений, вам также следует подумать о том, чтобы сжать их. Одним из наиболее распространенных инструментов для этой цели является reSmush.
Он работает со всеми популярными системами управления контентом (CMS), а также имеет клиент Linux CLI для сжатия изображений для использования на статических сайтах. Вы также можете использовать Compressor.io для одновременного сжатия нескольких изображений.
4. Ленивая загрузка мультимедиа.
Ленивая загрузка означает, что изображения, видео и фреймы загружаются только после того, как пользователи прокрутят страницу вниз и увидят их. Это может значительно улучшить время начальной загрузки ваших страниц.
Раньше это можно было реализовать с помощью JavaScript, но не ленивая загрузка встроена в веб-браузеры. У пользователей WordPress есть несколько вариантов, и два из наших любимых - это Lazy Load от WP Rocket и a3 Lazy Load, предназначенный для мобильных устройств.
5. Используйте быстрые ссылки для обмена в социальных сетях.
В наши дни вы хотите, чтобы люди делились вашим контентом в социальных сетях. На простых веб-сайтах HTML вы можете использовать инструмент генерации ссылок, такой как бесплатный генератор ссылок для общего доступа, который помогает создавать ссылки для совместного использования в социальных сетях Facebook, Twitter, LinkedIn и Pinterest, не полагаясь на iframe или JavaScript. Как обычно, у пользователей WordPress нет недостатка в плагинах, которые они могут использовать для этой цели, включая Social Warfare и Grow.
6. Удалите ненужные плагины.
CMS, такая как WordPress, может иметь множество плагинов, которые могут добавить действительно полезные функции на ваш сайт. Однако наличие слишком большого количества плагинов может замедлить сканирование вашего сайта, поэтому вам следует запускать только те плагины, которые вам действительно нужны.
Тем не менее, не все плагины разработаны одинаково хорошо, и вы можете ускорить свой сайт, заменив плагин более быстрым вариантом. Онлайн-инструмент GTmetrix бесплатно проанализирует ваш сайт и покажет вам список плагинов с большим временем загрузки. Рассмотрите возможность замены этих плагинов, особенно если они вызываются несколько раз, на более легкую альтернативу.
Пользователи WordPress также могут использовать плагин Query Monitor для подробного анализа плагинов, используемых на их веб-сайтах. Конечно, не забудьте удалить сам плагин Query Monitor, когда он послужит своей цели.
7. Уменьшите количество перенаправлений.
Перенаправления часто необходимы при перемещении и удалении страниц и являются лучшим способом устранения проблем с неработающими ссылками. Но хотя переадресация 301 предпочтительнее, чем ошибка 404, она все же не идеальна, поскольку замедляет время, необходимое браузеру для перехода к правильной версии страницы. Вы можете использовать средство проверки массовых перенаправлений Screaming Frog, чтобы проанализировать перенаправления на вашем веб-сайте и попытаться минимизировать их использование.
8. Делайте меньше HTTP-запросов.
Уменьшение количества HTTP-запросов - хороший способ оптимизировать ваш сайт. Каждый элемент, который вы добавляете на страницу, преобразуется в HTTP-запрос. Чем больше браузер будет делать таких запросов, тем больше времени потребуется для полной загрузки вашей страницы. Вот почему, несмотря на то, что это требует определенных усилий, результаты сокращения количества запросов очень впечатляют.
Вы можете использовать инструменты разработчика в браузере и переключиться на вкладку «Сеть» для подробного просмотра HTTP-запросов. Как только у вас появится представление о том, какие файлы загружаются дольше всего, вы можете искать те, которые можно объединить (особенно файлы CSS), и те, которые можно удалить вместе.
9. Поместите CSS перед скриптами.
Правильное размещение таблиц стилей и скриптов повлияет на загрузку вашего сайта. Вы всегда должны размещать свой CSS вверху раздела. Это позволяет браузеру сначала загрузить ваш CSS, чтобы пользователи могли видеть содержимое загруженного вами сайта.
С другой стороны, Javascript должен быть как можно ближе к низу. Это связано с тем, что браузерам необходимо сначала проанализировать JavaScript, прежде чем он сможет перейти к следующему тегу. Если вы разместите сценарии перед фактическим контентом, пользователи будут смотреть на пустую страницу, пока браузер обрабатывает JavaScript.
10. По возможности ходите в олдскул.
Используя язык сценариев, такой как PHP, вы можете делать то, что невозможно с обычным HTML. Однако обработка PHP занимает больше времени, чем анализ HTML, поэтому избегайте запроса информации через PHP, если ее можно получить с помощью статического HTML.
Точно так же не всегда рекомендуется использовать механизм @import CSS для включения внешних таблиц стилей на ваши веб-страницы вместо тега HTML. Хотя оба они достигают одной и той же цели, @import использует больше ресурсов, чем прямая ссылка на ваши таблицы стилей.
11. Включите кеширование.
Когда вы посещаете веб-сайт, все элементы на странице сохраняются на вашем жестком диске во временной области хранения, называемой кешем. Это удобно, так как при последующих посещениях ваш браузер будет открывать страницу без необходимости отправлять еще один HTTP-запрос на сервер.
Если вы запускаете сайт WordPress, вы можете использовать плагин, например плагин W3 Total Cache, чтобы легко включить кеширование. С другой стороны, если у вас есть статический HTML-сайт, вы можете включить кеширование, используя так называемый заголовок Expires в вашем файле .htaccess. После включения заголовки с истекающим сроком действия не только сэкономят время, необходимое для загрузки уже кэшированных файлов, но также помогут уменьшить количество HTTP-запросов.
12. Spring чистые базы данных
Скорее всего, вы используете CMS, такую как WordPress или Joomla, для размещения своего сайта. По мере того, как вы возитесь с установкой (добавляете и удаляете плагины, создаете и обновляете сообщения, устанавливаете обновления и т. Д.), База данных, управляющая CMS, станет довольно раздутой и медленной. Чтобы этого избежать, вы должны использовать плагин WP-Optimize для регулярной очистки базы данных.
13. Блокировать хотлинкинг
Hotlinking происходит, когда кто-то отображает изображение с вашего сайта, напрямую используя его веб-ссылку. Каждый раз при загрузке изображение извлекается с сервера исходного веб-сайта.
У вас есть несколько способов предотвратить хотлинкинг. Многие известные хосты предлагают переключатель в интерфейсе администрирования для предотвращения хотлинкинга. Затем есть плагины WordPress, такие как All In One Security & Firewall, которые обеспечат защиту от хотлинкинга. Наконец, вы можете добавить инструкции в свой файл .htaccess.
14. Переключите настройку Keep Alive.
Сообщение Keep Alive обменивается между веб-сервером и клиентским компьютером, чтобы разрешить одно и то же TCP-соединение для HTTP-диалога вместо открытия нового с каждым новым запросом. Keep Alive, также известное как постоянное соединение, помогает уменьшить задержку для последующих запросов. Большинство хостинговых компаний, особенно в сфере виртуального хостинга, отключают эту функцию.
Эту настройку лучше всего контролировать, настраивая веб-сервер. Однако вы можете изменить настройки сервера по умолчанию, добавив следующие строки в файл .htaccess:
Набор заголовков Поддерживает активность соединения
15. Ускорьте WordPress
В WordPress есть несколько плагинов для повышения производительности, которые помогут оптимизировать различные аспекты веб-сайта. Один из наиболее полных - это перфматтер, в котором задействованы многие из часто используемых техник ускорения производительности. Преимущество этого плагина премиум-класса заключается в том, что большинство его методов оптимизации доступны через простой пользовательский интерфейс, что делает его доступным для всех типов пользователей.
16. Установите Google PageSpeed.
Google PageSpeed - это набор модулей с открытым исходным кодом для веб-серверов Apache и Nginx. Они помогают оптимизировать ваш веб-сайт, применяя некоторые из наиболее полезных методов повышения производительности, подобных тем, о которых мы рассказали в этой статье. Вы можете загрузить и установить модули на свой веб-сервер, если он у вас есть. В противном случае вам придется искать хостинг-провайдера, который сделает это. Обычно веб-хосты предлагают это только со своими планами выделенного хостинга высшего уровня, хотя некоторые, такие как GoDaddy, устанавливают его на свои серверы хостинга Linux.
17. Уменьшите количество запросов DNS.
Одним из основных факторов, напрямую влияющих на скорость загрузки вашего веб-сайта, является время, необходимое для поиска в DNS. Поиск в DNS - это процесс поиска IP-адреса, связанного с URL-адресом.
Один из способов ускорить работу вашего сайта - уменьшить количество уникальных имен хостов. Меньшее количество DNS-запросов сократит время ответа и заставит веб-сайты загружаться быстрее. Также примите во внимание тот факт, что время, необходимое для запроса записей DNS, зависит от скорости поставщика DNS.
Если вас не устраивает работа вашего DNS-провайдера, подумайте о переходе на другого. DNSperf отслеживает скорость запросов различных авторитетных поставщиков DNS.
18. Перейдите на лучший веб-хостинг.
Если вы пытались ускорить работу своего веб-сайта, но не заметили большой разницы, возможно, проблема в вашем веб-хостинге. Многие из самых дешевых веб-хостов, особенно общие, довольно переполнены и используют серверы, на которых не хватает ресурсов для выделения достаточного количества каждому веб-сайту. Вместо этого вам следует потратить некоторое время на изучение различных предлагаемых вариантов, прежде чем искать хостинг и план хостинга для вашего веб-сайта.
19. Используйте сеть доставки контента.
Помимо перехода на лучший веб-хостинг, вам также следует рассмотреть возможность использования сети доставки контента (CDN). В отличие от вашего сервера, который расположен в определенном месте, CDN использует сеть серверов, которые в некотором смысле распространяют ваш контент на серверы по всему миру, по существу перемещая его ближе к вашим посетителям, независимо от их местоположения. Сети CDN ускоряют работу веб-сайта за счет уменьшения физического расстояния между контентом и посетителями. Вы можете размещать все типы контента с CDN и даже использовать несколько для таргетинга на определенные места.
20. Регулярно отслеживайте производительность.
Важный аспект настройки вашего сайта - следить за его производительностью. Это не только поможет вам оценить влияние настройки, но в зависимости от используемого инструмента также укажет на аспекты веб-сайта, требующие внимания. Pingdom’s Website Speed Test - популярный онлайн-инструмент, который не только проверяет время загрузки страницы, но и выявляет проблемы.
Точно так же вы можете использовать Google Test My Site для анализа эффективности вашего веб-сайта на мобильных устройствах. Помимо полезных показателей, инструмент также будет делиться рекомендациями, которые помогут вам ускорить работу вашего сайта для мобильных устройств.
- Мы представили лучший веб-хостинг Wordpress.
