ОПТИМАЛЬНЫЙ ОБЪЕМ СТРАНИЦ ВАШЕГО САЙТА

Как долго страницы вашего сайта загружаются?

Согласно Akamai задерджка загрузки  на 2 секунды может побудить посетителя сайта отказаться от прочтения страницы и за каждую дополнительную секунду ожидания процент отказа от просмотра растет на 5,8 единицы.

Google признался, что приранжировании сайта внимание обращается на скорость загрузки и в ТОП попадают лишь самые «быстрые». Этот параметр берется в учет так как влияет на поведенческий фактор пользователя.

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

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

Делаем вывод, что для вывода сайта в ТОП  необходимо обеспечить быструю загрузку страниц на всех устройствах. Надеюсь, что данная статья поможет вам понять и разобраться в этом вопросе.

ЧТО ТАКОЕ РАЗМЕР ИЛИ ВЕС СТРАНИЦЫ?

В данное понятие включается объем всех файлов, которые используются для создания страницы, к ним относятся: HTML-документ, изображения, таблицы стилей, скрипты и др.

 Компания Yottaa провела исследования, по результатам которого оптимальный вес страницы для текущих веб-тенденций не должен превышать 2,43 Мб.

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

5 СОВЕТОВ ПО СНИЖЕНИЮ ВЕСА СТРАНИЦЫ

1. СЖАТИЕ ИЗОБРАЖЕНИЙ. Картинка на странице оттягивает львиную долю веса на себя. Для уменьшения размеров страницы необходимо удалить ненужные изображения, а необходимые сжать.

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

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

 Так же можно выводить картинки на сайт с хранилищ Google, Yandex, Mail.ru, Bing и жругих, при этом используя лишь html — код картинки, вставляя его в записи сайта.

Очень хороший обзор сервисов для сжатия картинок дает сайт habrahabr, и приводит все данные по этим сервисам в таблице, по которой можно выбрать оптимальный вариант для конкретной картинки.

2016-05-03-23-42-07

Из всего списка хочется выделить программу PNGGauntlet 3.1.2.0 производительность данной программы оставляет желать лучшего, на обработку 25 фотографий в формате PNG ушло 50 минут, 44 секунды, но качество проделанной работы оправдывает временные затраты, результат -уменьшение объема на 41,3%, при этом фотографии уменьшились всего на 7,75% без потери видимого качества.

2. ИСПОЛЬЗОВАНИЕ CSS СПРАЙТОВ. Данный метод подходит уже для продвинутых в своем деле, к таким я не отношусь на данном этапе, но освоить данный метод, думаю, есть необходимость. CSS спрайт — это коллекция изображений для сайта, объединенных в один файл. Все картинки выдаются по одному запросу сервера и нет нужды в данном диалоге браузера и сервера:

 

Мышеловки Гурманам продажа хоз товаров жми Цепочки дверные