Table of Contents
Почему тормозит сайт
Знаете ли вы, что большая часть времени, которая тратится на загрузку страниц приходится на изображения? Если нет, то вам будет интересно узнать, что картинки скачанные с фотобанков нисколько не оптимизированы для нужд вебмастеров. Это могут быть изображения высокого качества, которые очень большие и тяжелые. Это одна из многих причин, почему страницы на вашем сайте загружаются медленно.
Представляем вам пять наиболее часто встречающихся причин, почему тормозит сайт.
Тяжелые изображения: Для загрузки большого изображения потребуется много времени. Если у вас есть множество больших изображений на вашем веб-сайте, то будьте готовы ожидать когда каждое из них загрузится.
Изображения с большим разрешением: важно правильно масштабировать изображения. Например, если у вас есть изображение размером 1000 x 1000 пикселей, вы указали в атрибутах размер 100 x 100 пикселей, то это не решит проблему, ваш браузер все равно должен загрузить в десять раз больше, чем необходимо так как фактический размер остался прежним. Уменьшите фактический размер изображения c 1000×100 пикселей до 100×100 пикселей.
Изображения без информации о кэшировании. Кэширование в браузере позволяет временно сохранять некоторые изображения на компьютере пользователей, чтобы им не приходилось дожидаться его загрузки при каждом посещении вашей страницы. Будьте уверенны, пользователи заметят разницу в скорости загрузки.
Сложные форматы файлов: некоторые форматы больше, чем другие. Браузеры могут быстро загружать изображения JPG, PNG и GIF. Но тяжелые форматы, такие как TIFF и BMP, требуют больше времени. Старайтесь избегать их.
Текстовая графика: визуальные элементы, содержащие текст, являются еще одной потенциальной проблемой. Подобная графика загружается намного дольше по сравнению с простой альтернативой шрифтам.
Как решить вопрос с картинками, чтобы сайт загружался быстро?
Тяжелые изображения
Решение проблем, связанных с изображениями, относительно несложное:
- Загрузите уменьшенные версии изображения на свой сайт;
- Редактируйте изображения в Photoshop, затем сохраните используя функцию «Сохранить для Интернета»;
- Сжатие изображений на вашем сайте можно настроить автоматически с помощью плагина оптимизации изображений Robin Image Optimizer. Как приложение помогает оптимизировать изображения мы говорили подробней в предыдущей статье.
Изображения с большим разрешением
Просто уменьшите фактический размер изображения перед загрузкой на сайт или воспользуйтесь настройками WordPress для создания миниатюр изображения нужного размера.
Что бы уменьшать размер оригинальных изображений при загрузке на сайт, воспользуйтесь опцией “Изменение размера больших изображений” в Robin image optimizer.
Изображения без информации о кэшировании
Используйте плагин Clearfy или оптимизируйте файл .htaccess, чтобы указать информацию о кэшировании. Использовать плагины может любой, кто использует WordPress. Это удобнее в отличие от работы с кодом для внесения изменений в файле .htaccess, которые в идеале должны быть сделаны разработчиком.
Сложные форматы файлов
Лучше используйте форматы JPG, GIF или PNG.
Текстовая графика
Избегайте использования текстовой графики и размещаете текст лучше с помощью CSS над изображением. Это благоприятно скажется на скорости загрузки страниц и SEO!
Вывод
Для улучшения работы вашего сайта необходимо оптимизировать картинки. Сделать это можно с помощью специального плагина Robin Image Optimizer. Что немаловажно, данное приложение способно автоматически выполнять сжатие изображений как “с” потерями, так и “без”.