Система оптимизации сайта: каковы первые шаги?

Одна из самых важных задач для менеджеров веб-сайтов - сделать просмотр как можно более приятным. Фактически, при слишком длительном времени загрузки вы рискуете потерять большую часть своих посетителей с увеличением трафика, поступающего с мобильных устройств, эту проблему не следует игнорировать. Если вы контролируете производительность своего сайта и хотите его улучшить, проверьте, что ваши посетители тратят больше времени на вашу страницу. Таким образом, вы будете лучше оценены поисковыми системами, и вы получите лучшее позиционирование.

 

Вы можете проверить текущую скорость своего сайта, используя бесплатный тест скорости, такой как Google PageSpeed ​​Insights или pingdom . Этот тип тестов измеряет и оценивает производительность сайта с учетом аспектов, которые не зависят от сети, таких как мультимедийный контент или структура HTML-кода. Этот инструмент Google анализирует как настольные, так и мобильные версии вашего сайта, давая советы о том, как их улучшить.

 

Какие аспекты влияют на скорость загрузки? В этой статье мы расскажем о системе оптимизации , что может замедлить работу сайта, и мы покажем некоторые возможные решения

Хостинг

Во-первых, спросите себя, подходит ли ваш хостинг для нужд вашего сайта. Многие хотят сэкономить на производительности и производительности сервера и выбрать более дешевое предложение. В результате на данный момент пропускная способность, необходимая для обработки всех пользовательских запросов, отсутствует. Особенно в часы пик и с быстрым ростом числа посетителей, недорогие хостинг-решения, в которых, например, многие клиенты используют один и тот же сервер, они часто очень непригодны. Еще одна типичная ошибка заключается в размещении вашего сайта на сервере за рубежом, хотя предложение в основном ограничено национальным рынком: это также увеличивает время загрузки для ваших посетителей.

Что делать :


  • Используйте гибкие хостинг-решения с неограниченным веб-пространством и трафиком.

  • Используйте сервер, расположенный в компьютерных центрах страны, откуда приходит большинство их посетителей.

  • Используйте сеть доставки контента, если вы хотите связаться с международной аудиторией.

  • Управляйте сервером самостоятельно и адаптируйте его в соответствии с вашим проектом.

HTML, CSS и JavaScript

Когда пользователи просматривают ваш сайт, соответствующий браузер запрашивает HTML-файл на вашем сервере и отображает его в соответствии с указанным форматированием CSS. То же самое относится к элементам JavaScript, представленным в виде баннеров или в виде тикетов новостей. Чем больше файлов, тем больше нужно читать и передавать коды , тем сложнее процесс. Тем не менее, каскадные таблицы стилей и сценарии важны, особенно для динамических сайтов: поэтому отказ от большой скорости сайта не является решением. Вы должны сосредоточиться на оптимизации кодов.

 

  • Используйте HTML-файлы только для информации, которая несовместима с CSS.

  • Используйте отдельные файлы CSS и JavaScript и пишите CSS и JavaScript-коды непосредственно на HTML-странице только в исключительных случаях (команды JavaScript всегда должны быть помещены в конце документа, перед элементом body ).

  • Сжатие файлов кода.

Система оптимизации сайта

Изображения и внешний контент

Мультимедийный контент является важным компонентом сайта. Точно так же, как дизайн и макет, они являются одним из основных элементов и усиливают эффективность текста. Особенно в электронной коммерции их цель - представить свои продукты качественными изображениями . Каждое добавленное изображение увеличивает время загрузки сайта, особенно если они сохранены на вашем сервере. Это также относится к другим мультимедийным файлам, таким как музыка, видео или PDF.

 

Что делать :

  • Загружать как можно больше элементов с внешних страниц

  • Избегайте ненужных изображений, видео и других мультимедийных объектов

  • Сжатие изображений с помощью инструментов (как показано в этой статье )

  • Сохранение изображений на внешнем сервере

  • Укажите ширину и высоту изображений (в противном случае они автоматически вычисляются браузером)

  • Используйте значки SVG (масштабируемая векторная графика)

  • Завершите процесс загрузки всех изображений за пределы области просмотра с помощью подключаемого модуля jQuery Lazy Load (они загружаются только тогда, когда посетитель прокручивает панель по направлению к изображению).

Кэширование

Многие сайты имеют медленное время загрузки, поскольку они не используют системы кэширования. Если вы начнете сохранять содержимое в кеше, вы сможете оптимизировать сайт с гораздо меньшими усилиями и быстрее. Содержимое, сохраненное в кеше, не должно запрашиваться снова с сервера на каждом представлении и затем загружается быстрее. Кроме того, это позволяет избежать перегрузки веб-сервера , который должен обрабатывать меньше запросов. Вы можете кэшировать все статические элементы, такие как JavaScript и CSS-файлы, изображения или документы, и определить, как долго они должны оставаться.

 

Что делать:

  • Использовать браузер посетителя в качестве кеша (кеш браузера): на сервере apache, например, включить модуль mod_expires и определить, как долго должны сохраняться типы файлов в кеше; из всех остальных браузер пользователя позаботится об этом.

  • Настройте обратный прокси-сервер и используйте его как кеш (веб-кеш) или используйте сеть доставки контента, которая дает вам доступ ко всей сети прокси-серверов, распространяемых по всему миру.   

  • Используйте программное обеспечение для кеширования, например memcached, для сохранения динамического содержимого в памяти и уменьшения доступа к данным.

Дополнительные советы и рекомендации по оптимизации сайта

В дополнение к пунктам, показанным на данный момент для оптимизации производительности вашего сайта, существуют и другие небольшие меры, которые помогают снизить время загрузки, например:

 

  • Минимизировать перенаправления

  • Введите кодировку символов в документе HTML

  • Регулярно удалять неправильный контент

  • Избегайте чрезмерного использования плагинов в CMS

  • Ограничить информацию, собранную в файлах cookie.

  • Используйте favicon (поскольку браузеры всегда запрашивают файлы favicon.ico с веб-серверов)

 

Если вы никогда не принимали меры, чтобы сделать ваш сайт более быстрым, вы должны начать делать это. Израильская компания Radware, мировой лидер в области технологий, в своей инфографике, опубликованной в 2015 году по скорости электронной коммерции, предоставила удивительные данные о первых 100 интернет-магазинах в мире. Например, выяснилось, что почти 50 процентов всех продуктов электронной коммерции не сжимают встроенные изображения , тогда как двенадцать проанализированных страниц показывают время загрузки менее трех секунд (и это, несмотря на то, что было оценено, что максимальное время за терпение большинства посетителей - три секунды).

Если вы не хотите сразу потерять потенциальных клиентов или заинтересованных сторон, вы должны действовать своевременно, оптимизировать свой сайт и сделать его конкурентоспособным в эпоху мобильных устройств.