20 способов ускорить загрузку веб-сайта
В современных условиях пользователи Интернет готовы ждать все меньше и меньше, пока сайт поднимется. Буквально в течение первых 3 - 4 секунд, не получив ответа, они уходят искать свои запросы дальше. Иногда классные и полезные приложения, красивые картинки или непродуманное программирование могут сделать бессмыслицей весь ресурс. В целом "слабым звеном" может оказаться одна или сразу несколько "болевых точек". Чтобы исключить эти проблемы и сделать качественный веб-сайт, стоит провести несколько полезных мероприятий по оптимизации своего ресурса.
1. Асинхронная загрузка
Сегодня на сайтах приходится прописывать достаточно много JavaScript, которые блокируют весь код и сильно тормозят прорисовку всей страницы. Новая технология загрузки предполагает перенос всех строк JavaScript в конец html-кода, в том числе кнопок социальных сетей и кодов рекламных сетей, если вы хотите, чтобы они приносили пользу, а не отваживали новых посетителей.
2. Продуманная статистика
Многие счетчики также работают на JavaScript и увеличивают время "подъема" веб-ресурса. Ситуация ухудшается, когда для аналитики посещаемости используется несколько различных кодов. Исправить ситуацию можно опять же с помощью асинхронной доставки.
3. Осторожное использование JavaScript
Многие разработчики сайтов склонны "навешивать" различные приложения для своих ресурсов с помощью этого языка программирования, который подкупает своей легкостью и популярностью. Однако, выгода его использования - лишь кажущаяся, поскольку зачастую оптимизировать некоторые функции разумнее посредством сервера. К примеру, такие площадки для организации обсуждений, как Disqus, в действительности больше отнимают время пользователей, чем помогают им.
4. Оптимизация картинок
Значительно сокращает период отклика подгружаемых страниц оптимизация картинок. Сейчас существует масса бесплатных и простых веб-инструментов, которые помогают сжимать изображение без потерь для качества. Такой подход позволяет в разы ускорить подъем странички.
5. Разумное использование кнопок соцмедиа
Вполне естественно желание того, чтобы пользователи распространяли ваш контент в социальных сетях, но кнопки соцмедиа могут существенно замедлить загрузку вашего веб-сайта, особенно, если вы не используете асинхронный JavaScript.
6. Сократите HTML-код
Довольно сложно добиться идеального отображения ресурса во всех браузерах. Особенно сложно добиться этого, когда код прописан слишком длинно, перегружен и дополнен JavaScript. Для ускорения передачи данных необходимо научиться составлять краткие html-коды. Этот навык должен стать приоритетом для тех, кто хочет совершенствовать свои сайты.
7. Улучшить работу с jQuery-кодом
Новички полюбили эту явавскую библиотеку за простоту в обращении и незаменимое свойство легко превращать замысловатый функционал в доступный. Многие обманываются, полагая, что jQuery наилучшим и простым вариантом в этой ситуации. Однако, он тоже требуется внимания и подробного изучения. Неумело прописанные jQuery-коды создают беспорядок и крадут время отображения сайта.
8. Тщательно проверяйте серверный код
Ошибка или беспорядок в коде на стороне сервера, из-за которой уходит масса времени на подкачку страницы, сводит на нет все старания относительно оптимизации пользовательского интерфейса. Совершенствование системы должно проходит одновременно во front-end и back-end.
9. Сокращайте сторонние плагины
И снова Java! Именно Flash и Java-скрипты - пожиратели скорости, они виновники недопустимо долгой генерации страницы. Сделайте так, чтобы на вашем ресурсе их было как можно меньше.
10. Все ли в порядке с SQL-запросами?
Основными причинами "торможения" работы веб-приложения часто оказываются такие типы запросов к базам данных, как select и его вариант join. Оперируя системами управления баз данных стоит внимательно проверять все индексы в этих строках.
11. Проверяйте CSS-код
Казалось бы веб-мастера должны забыть о проблемах с этим кодом, когда стали доступными онлайн сервисы для генерации и проверки этих таблиц. Тем не менее, многие до сих пор работают по старинке, упуская возможность разобраться в проблеме раз и навсегда.
12. Выберите DNS подороже
Пытаясь сэкономить и выбирая бесплатный DNS, вы автоматически позволяете тратить на поиск доменного имени слишком много времени. На самом деле, стоит максимально ответственно отнестись к выбору системы для получения этой информации, и откажитесь от иллюзии, будто этот выбор не зависит от вас.
13. Оптимизируйте код
Пренебрегая Gzip-сжатием кодов на своем сайте, вы теряете лишние десять секунд на передачу данных. А пользователь уйдет с вашей страницы после четвертой секунды.
14. Много доменов - не всегда хорошо
Разумеется, используя площадки на нескольких доменах, удается распределить между ними задачи по передаче данных и ускорить процесс. Однако, слишком большое число доменов дает обратный эффект. Здравый смысл никогда не помешает.
15. Следите за обновлениями языков программирования
Если вы уверены, что выбранный вами язык является оптимальным вариантом для создания вашего веб-сайта и позволяет работать максимально эффективно, не забывайте периодически убеждаться в этом. Скорость прогресса такова, что несколько раз в год можно получить возможность сделать upgrade, что принесет только пользу.
16. Тщательно продумывайте заголовки
Правильно подобранные заголовки Expires позволяют кэшировать сразу несколько html-запросов. Многие уже научились использовать Expires с картинками, однако не стоит забывать о них при оптимизации таблиц и скриптов.
17. Используйте хостинг под управлением Nginx и Lighttpd
Это новые мощные и скоростные веб-серверы, рассчитанные на свежие стандарты сжатия и оптимизации кодов. Они позволяют работать гораздо быстрее, чем привычные Apache или IIS. Если вы еще не задумывались о переходе к новым веб-серверам, пришла пора простимулировать своего сисадмина или владельца хостинга. По своей инициативе они вряд ли заговорят об этом.
18. Виртуальный хостинг — неоправданная экономия
Конечно, многие еще считают возможным оставаться на подобном хостинге, им кажется, что с виртуальным сервером все работает достаточно хорошо и надежно. Однако, если есть средства арендовать или купить стремительно дешевеющее оборудование для собственного хоста, не стоит медлить, выгода очевидна: обеспечение быстрой "реакции" на http-запросы и безопасность передачи данных ускорит ваш сайт, как ничто другое.
19. Соединяйте веб и базы данных посредством частной сети
Однозначно разделение сервера для хранения баз данных и выдачи/получения http-запросов позволяет правильно организовать работу сайта и избежать многих проблем. Но важно еще уделить внимание обеспечению безопасности соединения этих двух серверов. Доверять такой стратегически ценный участок публичным сетям - значит, подвергать опасности работу всего сайта. Зона соединения должна принадлежать частным сетям, в которых вы можете быть уверены.
20. Правильное обновление кэша
Казалось бы, эту зону отдали на откуп автоматическим сервисам кэширования с открытыми исходными кодами, типа Redis и Memcached, и забыли. Несомненно, они эффективны на определенном этапе, но нельзя оставлять без внимания корректность аннулирования и других алгоритмов кэша. Велика вероятность, что причина торможения генерации страницы кроется именно здесь.
