Оптимизация контента сайта для ускорения загрузки

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

Как уже было сказано, скорость загрузки сайта весьма сильно влияет на ранжирование сайта в поисковой системе Google. Самым «тяжелым» элементом каждого сайта можно назвать графический контент, т.е. изображения. Речь о видео-контенте пока не идет, так как он характерен лишь для определенной категории сайтов. А вот картинки актуальны всегда. Так, например, дизайн лендинга может быть напичкан обилием графики, которая будет медленно загружаться на не быстрых соединениях, поэтому вопросу оптимизации размера графического контента стоит уделять внимание.

Оптимизация контента сайта для ускорения загрузки

Как оптимизировать изображения?

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

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

Как оптимизировать код?

Часто на медлительность сайта негативно влияет неоптимизированный и плохо написанный код сайта. Признаками наличия такого кода могут определить только программисты, знающие тот язык, на котором выполнен ваш сайт. Так же для ряда CMS существуют специальные плагины, которые способны дополнительно сжать статические файлы (такие как html, css и js), убрав из них лишние пробелы, табуляции и переносы строк. Это ускоряет их загрузку и интерпретацию на стороне пользователя.

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

Удачной оптимизации и скоростной загрузки!

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.