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

Причинами медленной загрузки сайта могут служить:

  • слишком объемные аудио и видео файлы;
  • очень большой размер, а также не корректно подобранный формат изображений;
  • перегруженность главной страницы контентом и тяжелыми файлами;
  • наличие большого количества виджетов и flash-файлов на сайте;
  • отсутствие CSS и HTML оптимизации.

Идеальное время загрузки сайта – 1сек.
 

Выполнение следующих правил поможет твоему сайту достичь загрузки в 1 секунду.

 

№1 Оптимизация изображений

Фотографии играют важную роль на сайте, они делают его ярче интересней, а также усиливают контент. Но с другой стороны они же заставляют его грузится вечность.

Но решение есть – Правильная оптимизация.

Здесь важно правильно подобрать два параметра: Тип файла и Размер изображения.
Не корректно заданный тип файла может «утяжелить» изображение в разы.

Вот основные форматы изображений. Выбирайте наиболее подходящий для ваших целей.
GIF – подходит для логотипов и простых картинок с небольшим количеством цветов.
JPG — идеален для фотографий и полноцветных изображений с большим количеством деталей.
PNG – изображения высокого качества, которые содержат несколько слоев.

Теперь изменяем Вес и Размер фотографии.
Для этого я использую такие графические редакторы как : Photoshop, PaintNet, Picassa (последние два, кстати в открытом бесплатном доступе). Просто упеньшаем фото для нужного нам размера, здесь же можно кадрировать изображение, таким образом оставить только нужные нам элементы фотографии.

№2 Избегайте флеш –файлов и не переборщите с виджетами

Важно перед добавление виджетов, четко оценивать его необходимость, используйте только тот функционал, без которого сайту не обойтись.

Осторожным нужно также быть с флешами, их использование часто не оправдано. Подумайте дважды перед, тем как «вешать» флеш –файл на сайт, может лучше сделать выбор в пользу простого Слайд шоу.

№3 Оптимизация скриптов и кодов

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

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

Сокращаем CSS и JavaScript , для этого есть бесплатные сервисы.
Там просто вбиваем url своего сайта, нажимаем кнопку «оптимизировать» , сохраняем файл и закачиваем его на сайт, через ftp.
 
 
 
 

№4 Кешируем страницы сайта

Для начала, поясню, что такое кеш браузера – это временная память браузера, в кеше сохраняются все действия, которые Вы производили в браузере.
Именно по этой причине, чаще всего, сайт на котором вы бывали ранее грузится быстрее, чем сайт посещаемы вами впервые.
Но благодаря следующему коду , ваш сайт будет грузится за доли секунды, и буквально «летать».

ExpiresActive On
ExpiresByType application/javascript «access plus 1 year»
ExpiresByType text/javascript «access plus 1 year»
ExpiresByType text/css «access plus 1 year»
ExpiresByType image/gif «access plus 1 year»
ExpiresByType image/jpeg «access plus 1 year»
ExpiresByType image/png «access plus 1 year»
Header set Cache-control: private
Header set Cache-control: public
BrowserMatch «MSIE» force-no-vary
BrowserMatch «Mozilla/4.[0-9]{2}» force-no-vary