Подарок
Приветствую Вас Гость RSS
Работа в интернете и финансовая свобода
Построй свой путь к финансовой свободе!
  • 1.jpg
    Изучив этот курс, Вы узнаете ровно пять секретов создания источника Пассивного Дохода. Этого достаточно, чтобы Вы определились - какой способ больше подходит лично для Вас. Узнать подробнее
  • 2.jpg
    Секреты практического SEO
    Скидка 13%
    Думаю, Вам не нужно объяснять, насколько важно для Вашего сайта иметь первые позиции в поисковых системах по ключевым для Вас запросам.
    Узнать подробнее
  • 3.jpg
    Акции, скидки, распродажи, купоны, возврат за покупку от 7% до 15%!
    И все от AliExpress!

    Узнать подробнее
  • 4.jpg
    Облачный майнинг Hashflare

    Зарабатывайте криптовалюту на удаленном использовании вычислительных мощностей >>


    Узнать подробнее
  • 5.jpg
    Online Школа RuElSoft
    - Автоматизация бизнеса
    - Бизнес инструменты
    - БЕСПЛАТНОЕ 4 дневное обучение >> Узнать подробнее

ВАШ ПОДАРОК

Ваша информация защищена на 100%! Гарантированная защита от СПАМа!


Давайте дружить;)



Как заработать? [19]Раскрутка сайта [12]
Доход от сайта и Партнерки [8]Forex и инвестиции [9]
Полезные сервисы [5]Аналитика [1]
Статьи » » Раскрутка сайта » Оптимизация загрузки страницы



Оптимизация загрузки страницы

04.11.2016, 18:39

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


Cкорость загрузки сайта:


1 секунда – отлично;
2-3 секунды – хорошо;
4-7 секунд – удовлетворительно;
8-10 секунд – плохо;
11 секунд и более – ужасно, бейте тревогу.

Сервисы для замера скорости загрузки страниц сайта

Pingdom.com – сервис, который отображает скорость загрузки страницы в деталях.


замер скорости Pingdom

Скрин – замер скорости загрузки сайта fastzar.ru


сервис pingdom

Скрин от сервиса pingdom в деталях, что необходимо оптимизировать.


Google Pagespeed – инструмент замера скорости от Google.


сервис Google Pagespeed

Скрин от сервиса Google Google Pagespeed.


Добиться результат в 100 единиц практически невозможно.

Как видно на скриншоте ниже, представлены рекомендации для данного сайта, чтобы оптимизировать скорость загрузки. Но у меня на сайте очень много графических элементов, что увеличивает вес страницы. По максимуму я сделала все возможное, и скорость загрузки увеличилась с 12 сек до 5-6.

Оптимизация графики и изображений

Главной причиной долгой загрузки страницы является наличие «тяжеловесной» графики или ее огромное число.

Как оптимизировать КАЖДУЮ страницу?

Данный шаг включает следующие шаги:


изменение размера изображений и повторная «закачка» на хостинг;
уменьшение количества изображений на странице;
загрузка ВСЕХ изображений к себе в файловый менеджер;
полный отказ от флэш-графики на страницах.

Рекомендации: не изменяйте размер изображения при помощи атрибутов width и height тегов, либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы.

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

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

Браузер считывает код страницы сверху вниз и как только находит скрипты, он требует время на загрузку этих самых скриптов. Как только он обработает код JavaScript, браузер продолжает страницу дальше. Поэтому скрипты необходимо опускать вниз страницы перед закрытием тэга body и удалить лишние.

Оптимизация html и css

Чтобы оптимизировать html и css, необходимо:


вынос CSS стилей из HTML кода в соответствующую таблицу стилей;
отказ от использования импорта кода в таблице стилей;
удаление пробелов и переносов строк в кодах HTML и CSS (необходимо воспользоваться сервисом: http://www.refresh-sf.com/yui/, который удаляет лишние пробелы в коде, тем самым экономит место файла.);
удаление лишнего кода (HTML тэгов) и неиспользуемых стилей из таблицы;
исправление HTML ошибок.

Уменьшение числа запросов браузера

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

Серверное сжатие (gzip сжатие)

Проверить сжатие можно здесь: http://www.gidnetwork.com/tools/gzip-test.php


Если оно не включено, реализовать gzip сжатие файлов на сервере можно следующим образом, достаточно добавить в файл .htaccess следующий код:


Код
#Сначала включаем сжатие
php_value zlib.output_compression 4096
php_value zlib.output_compression_level 6

# сжатие text, html, javascript, css, xml:
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
  <IfModule mod_setenvif.c>
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4.0[678] no-gzip
  BrowserMatch bMSIE !no-gzip !gzip-only-text/html
  </IfModule>
  <IfModule mod_gzip.c>
  mod_gzip_on Yes
  mod_gzip_item_include file \.js$
  mod_gzip_item_include file \.css$
  </IfModule >
</IfModule>
<IfModule mod_headers.c>
  <FilesMatch "\.(js|css|xml|gz)$">
  Header append Vary: Accept-Encoding
  </FilesMatch>
</IfModule>

Кеширование

Кэширование данных – это процесс сохранения часто запрашиваемых данных на компьютере пользователя или локальном прокси-сервере, благодаря чему значительно ускоряется загрузка страниц. После настройки кэширования браузер или прокси-сервер обращается к локально сохраненной копии документа (страницы), вместо того, чтобы загружать его снова и снова при последующих посещениях. Таким образом, кэширование позволяет избежать повторного формирования страниц, показанных при обработке предыдущих запросов. В результате уменьшается время приема-передачи, исключаются многочисленные HTTP запросы и снижается нагрузка на сервер.


Кэширование браузера через файл .htaccess

Приведенный ниже код указывает браузеру, что именно кэшировать и как долго это "запоминать". Его следует добавить в начало файла .htaccess:


Код

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule> ## EXPIRES CACHING ##

Кэширование мета-тегами


Мета тег Expires

Мета теги Expires управляет кэшированием. Если указанная в теге дата прошла, то браузер должен сделать повторный сетевой запрос, а не использовать копию из кэша. Если изначально указать прошедшую дату, то документ не будет кэшироваться. Некоторые поисковые роботы могут отказаться индексировать документ с устаревшей датой. Дата должна указываться в стандарте [RFC850].


Пример:

<meta http-equiv="Expires" content="Wed, 23 Feb 2007 09:25:55 GMT"/>

Мета тег Pragma

Pragma – контроль кэширования. При значении “no-cache” кэширование данного не рекомендовано. Предназначен для документов, получаемых в результате работы скрипта.


Пример:

<meta http-equiv="Pragma" content="no-cache"/>

Читайте о том, как правильно оптимизировать страницы сайта? >>



Источник:  не указан
Категория: Раскрутка сайта
Просмотров: 428 | Теги: оптимизация сайта, seo

Похожие материалы:


    Самостоятельная раскрутка сайта с нуля

    Самостоятельная раскрутка сайта с нуля

    ЧИТАТЬ
    Лучшие биржи продажи и покупки вечных ссылок

    Лучшие биржи продажи и покупки вечных ссылок

    ЧИТАТЬ
    Сайты для заработка на автосерфинге

    Сайты для заработка на автосерфинге

    ЧИТАТЬ
    Как раскрутить интернет-магазин?

    Как раскрутить интернет-магазин?

    ЧИТАТЬ







Гарантированная защита от СПАМа!




Поделись с друзьями:



Уважаемые пользователи! Если Вы используете информацию с сайта, пожалуйста, ставьте ссылку на источник!


Читайте также:

Эрик Фримен, Элизабет Робсон. Изучаем программирование на JavaScript
Видеокурс Секреты Пассивного Дохода
Джон Дакетт. HTML и CSS. Разработка и дизайн веб-сайтов + CD
Пассивный доход и его секреты
Партнерские программы инфопродуктов
Самостоятельная раскрутка сайта с нуля
Лучшие сервисы по добыче Биткоина



Добавлять комментарии БЕЗ МОДЕРАЦИИ могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Оставить комментарии:

Внимание! Все комментарии проходят тщательную модерацию в течение 1-3х дней! Чтобы ускорить процесс получения ответа, напишите на info@fastzar.ru
Имя *:
Email *:

Все смайлы

Уважаемый посетитель!


Обратите внимание, все ли поля заполнены правильно!


При правильном заполнении, комментарий будет передан на проверку модератору и при одобрении сразу же будет опубликован!


Рекомендую зарегистрироваться на сайте, поскольку гостям запрещено использовать ВВ-коды, отвечать на комментарии и оценивать.


Зарегистрированные пользователи имеют право участвовать в конкурсе комментаторов!


Зарегистрированным пользователям не нужно будет постоянно вводить имя, E-mail и капчу, а также доступны другие привилегии. Подробнее о правах доступа >>


Регистрация | Вход



нет аватара




ОБ АВТОРЕ
TELEGRAM
FACEBOOK
ВКонтакте
МОЙ YOUTUBE
Я В INSTAGRAM
ПОЛУЧАТЬ НОВОСТИ САЙТА
RSS



Подписаться на E-mail:



Давайте дружить;)

РЕКЛАМА



СКИДКА 13%!!!
Кнопка сайта
Если Вам понравился данный материал, то можете рекомендовать его своим посетителям. Если Вы хотите обменяться с баннерами, пишите в форме Обратной Связи.

Работа в интернете и финансовая свобода

Код баннера
<a target="_blank" href="http://fastzar.ru" alt="Работа в интернете и финансовая свобода" title="Сайт Fastzar"><img src="http://fastzar.ru/baner/banner88x31.gif" alt="Работа в интернете и финансовая свобода"></a>
Для добавления сообщения авторизуйтесь

Вы хотите достичь финансовой независимости?
Узнайте все секреты построения успешного бизнеса в сети интернет!

Что такое инфобизнес и как он приносит деньги?

Как создать сайт и зачем он нужен в инфобизнесе?

Как зарабатывать в инфобизнесе большие деньги?

Что Вы получите:

очень полезные инфопродукты

права перепродажи на все инфопродукты

бесплатные уроки по созданию собственной системы продаж

только проверенные способы заработка в Интернете и Инфобизнесе

создание бесплатной рассылки

первый заработок в Интернете

а также Инфобизнес на автопилоте




Чтобы получить сборник, Просто введите Ваше Имя и E-mail в форму ниже и подтвердите свой e-mail, ссылка на скачивание будет выслана сразу же в письме.

Ваша информация защищена на 100%! Гарантированная защита от СПАМа!

Оставить отзыв