ГлавнаяОптимизация блога › Ускорение загрузки сайта кэшированием браузера!


Ускорение загрузки сайта кэшированием браузера!


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

Доброго времени дня или ночи, уважаемые читатели – Sozdaiblog.ru!

Представляю Вашему вниманию новую статью по теме: Как увеличить скорость загрузки сайта.

Если, Вы помните, то первой статьёй в этой теме была «Как увеличить скорость загрузки сайта до 1 секунды».

Сегодня, я продолжу делиться с Вами новыми способами ускорения.

Не буду манипулировать заумными фразами и терминами, а выскажусь просто и понятно.

Всем, кто не читал статью – «Вёрстка сайта при помощи — Firebug», настоятельно рекомендую прочесть. Затем, в обязательном порядке, установите – «Firebug».

Теперь, Вам будет нужно скачать и установить, ещё одно приложение для браузера. Его название – «Page Speed».

Для этого, переходим по ссылке и выбираем ваш браузер (присутствуют только Firefox и Chrome):

 

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

 

Далее, соглашаетесь с установкой и перезагрузкой браузера.

После перезагрузки, открываете свой сайт или блог и запускаете – «Firebug».

Здесь, в консоли фаербага, должна появиться новая вкладка – «Page Speed»:

 

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

 

Находим и нажимаем.

Откроется новое окно, в котором нужно другую кнопку – «Analyze Performance»:

 

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

 

Этими действиями, мы запускаем анализатор вашего ресурса, для выявления проблем влияющих на его загрузку. После анализа, должно открыться новое окно с результатами теста:

 

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

 

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

 

  • Красный кружок — грубые ошибки и способы их устранения.
  • Жёлтый треугольник – предупреждения.
  • Зелёная галочка – положительный результат и возможность улучшения.

 

Также, в левом верхнем углу, Вы можете наблюдать скорость загрузки. Слева Ваша, а справа, то к чему нужно стремиться улучшая предложенные параметры:

 

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

 

Конечно, если Вы сделали всё то, что я описывал в первой статье по ускорению сайта, то некоторых ошибок у Вас уже не будет.

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

 

Увеличение скорости загрузки сайта при помощи оптимизации кэширования браузера.

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

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

Это один из важных пунктов по ускорению.

Итак.

Вам необходимо, зайти в корневую папку Вашего ресурса и найти файл – «.htaccess», он есть у всех.

Открываем его редактором — «Notepad++» и в конце вставляем один из кодов:

 


  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

 

Затем, сохраняемся, и возвращаемся к нашему сайту. Обновляем страницу и в режиме – «Page Speed», нажимаем кнопку – «Refresh Analisys»:

 

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

 

И, если Вы всё сделали правильно, то красный кружочек, как минимум превратиться в жёлтый треугольник, а индикатор скорости стремительно увеличится, и будет приближаться к 100.

Вы сразу-же почувствуете прилив скорости.

Данный код, может сработать не у всех. У меня сработало, вот такое сочетание кодов:

 

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

# кеширование в браузере на стороне пользователя

ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/html "access plus 7 day"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"

 

Не бойтесь экспериментировать, но прежде, сделайте бэкап базы данных.

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

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

 

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




14 комментариевА что думаете Вы?

  1. Руслан

    Очень интересное приложение! Можно сразу все увидеть не копаясь и не тестируя свой блог в различных сервисах. Тем более что их данные различаются, порой даже очень значительно. А тут сразу тебе кнопка в браузере! Очень удобно! Обязательно себе поставлю. P.S. Коммент на конкурс)))

    [Ответить]

    Денис Черников ответил:

    Тема прикольная, я уже месяц этим пользуюсь! Прятал всё её, но настало время делиться полезной информацией! Применяйте!

    [Ответить]

  2. Алексей

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

    А что у вас за плагин выводит похожие записи с картинками в конце поста? А то мне ни один не подошёл.

    На конкурс.

    [Ответить]

    Денис Черников ответил:

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

    Про плагин вывода похожих записей можете почитать тут — sozdaiblog.ru/lutchshie-p...v-wordpress.html

    [Ответить]

  3. LedyBloger

    Слышала уже про этот способ ускорения сайта. Там только при оптимизации картинок нужно быть осторожнее, может сильно графику подпортить.

    Я пока использую плагин W3 Total Cache — заметно увеличилась скорость загрузки.

    А для оптимизации изображений — WP Smush.it

    [Ответить]

    Денис Черников ответил:

    Всё это бредни! Я пользуюсь данным способом уже давно, разве у меня есть проблемы с графикой или картинками! Нет! Пользуйтесь смело, не бойтесь! Использование плагинов, только увеличивает нагрузку на блог!

    [Ответить]

  4. Владимир

    Спасибо,дружище!!!

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

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Владимир! Я очень рад, что мой материал, помог решить Ваши проблемы! Приходите, будем общаться чаще!

    [Ответить]

  5. Владимир Жданов

    Кеширование в браузере очень полезная вещь. Многие сайты используют одинаковые скрипты, jquery, и прочее прочее. Если браузер закеширует их, то для других сайтов даже не потребуется загрузка этих файлов. Но это лишь одна из мер по ускорению загрузки. Вообще, рекомендую связку — Сервер (если есть возможность и смысл) + плагин Hyper Cache + сервис cloudflare, я писал о нем + вынести картинки на поддомен, я тоже писал + отказаться от части плагинов, вместо них поставить код, тоже писал.

    Особенно тормозят блог плагины кнопок шары. У меня занимало 70% от общей загрузки именно на эти плагины.

    По сути, есть очень много статей на эти темы, но позволь мне пропиарить и свой блог, я о большинстве действенных методах уже написал. Осталось попробовать твой совет. Спасибо! Прямо сейчас и попробую!

    ПыСь. Писал коммент от души, но почему бы не выставить «на конкурс».

    ПыСьПыСь Действительно, может вместо «На конкурс» ставить смайлик =)) ?

    [Ответить]

    Денис Черников ответил:

    Привет, Владимир! Да, действительно у Вас тоже очень полезные методы! Я вынес картинки на поддомен и действительно, блог стал взлетать!

    Рекламируйтесь, мне не жалко!)) Про смайлик думал, но думаю не стоит заморачиваться!)

    [Ответить]

  6. Ирина

    Все эти расширения только для Firefox? К Google Chrome не подойдут? Какую версию Firefox лучше устанавливать для работы. Я этим браузером пользуюсь только на службе, он уже встроен в ОС Linux, не очень довольна.

    [Ответить]

    Денис Черников ответил:

    Ирина! На хроме я не тестировал! Но думаю быть должно! Если расширения не поставите, то ускорить-то блог можно без расширений браузера! Firefox — последнюю!

    [Ответить]

  7. Сергей Медведев

    Спасибо Денис.

    На хроме не работает, поставил на Мозиллу...

    Скорость была 77, стала 83. Как и у вас.

    Кстати, сравнил наши блоги. Скорость одинаковая, но и у вас и у меня так и продолжает гореть красным — «Используйте кэш браузера»...

    [Ответить]

    Денис Черников ответил:

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

    [Ответить]

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

Вверх