Как самому увеличить скорость своего сайта

Владельцы сайтов часто самостоятельно занимаются наполнением. Наполняют страницы с описанием услуг, выкладывают новости, добавляют карточки товаров в свой интернет-магазин. И 90% совершают одну и ту же ошибку. Я говорю об этом в каждой видео инструкции (они предоставляются индивидуально), но информации много, и большинство этот момент забывают.

Какую ошибку совершают владельцы сайтов при самостоятельном наполнении?

Выкладывают очень тяжёлые картинки.

Современные фотоаппараты делают фото с разрешением 4-6 тыс. пикселей. Мой ноутбук, например, имеет разрешение 1366 пикселей. Т.е. не измененная в размерах фотография - это 3-4 моих ноутбука, поставленных рядом. И вот я, обычный пользователь, смотрю сайт. Зачем мне картинка шире, чем ноутбук? Она все равно автоматически уменьшится под размер моего монитора. Ну ок, многие имеют большие экраны, например 1900 пикселей или 2500. Можно подстроиться под них, но сути вопроса это не меняет. Мне показывают большую тяжёлую картинку, тяжесть которой просто лишняя, она не добавляет качества или красоты. Но существенно затормаживает загрузку страницы.

Что делать, какие картинки загружать?

Обратите внимание на формат изображения. Два основных формата - это png и jpg. Png поддерживает прозрачность, т.е. там может быть установлен прозрачный фон, у jpg прозрачности быть не может, фон будет белым. Если прозрачность вам не требуется, пересохраните картинку png в формат jpg. Png - тяжёлые картинки!

Это можно сделать даже редактором Paint: Файл - Сохранить как - Тип файла

Что делать с картинкой дальше?

Во-первых, картинку нужно уменьшить до ширины монитора. Тут уже сами выбираете под каких пользователей вам подстроиться, можете посмотреть метрику - с какими разрешениями экранов к вам заходят.

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

В-третьих, качество картинки можно уменьшить с максимального до просто нормального. Часто глазу этого не заметно, а картинка становится намного легче по весу. Это делается фотошопом. Если вы им пользуетесь, думаю, что знаете где это делается.

Первый и второй пункты я пояснила в видео. Только ради третьего пункта покупать фотошоп, на мой взгляд, не стоит.

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