TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як виправити проблему кешування браузера у WordPress?

6

Інструмент Google PageSpeed ​​Insights – один із способів вимірювання швидкості вашого сайту WordPress. Загалом показник швидкості Google відрізняється від інших популярних інструментів вимірювання швидкості, таких як Pingdom або Gtmetrix. Але рекомендується відстежувати оцінку Google, оскільки це може безпосередньо вплинути на рейтинг у результатах пошуку.

Перевіряючи свій сайт на Google PageSpeed, ви побачите деякі часті проблеми, такі як оптимізація зображень, використання кешування браузера, увімкнення стиснення тощо. У наших попередніх статтях ми пояснювали, як виправити проблеми з увімкненням стиснення та оптимізації зображень. У цій статті ми обговоримо, як виправити проблему кешування браузера у WordPress.

Що таке кешування веб -переглядача?

Пояснимо на прикладі. Відкрийте веб -браузер, наприклад Google Chrome, і очистіть історію переглядів. Тепер відкрийте будь -який веб -сайт, і ви побачите, що сторінка завантажується повільно. Під час переміщення різними сторінками на одному веб -сайті ви помітите, що сторінки завантажуються швидше, ніж у перший раз. Ось що буде відбуватися у браузері:

Як виправити проблему кешування браузера у WordPress?

  • Під час першого завантаження сайту браузер буде витягувати з веб -сервера всі статичні ресурси, такі як зображення, стилі, сценарії тощо.
  • Коли кешування браузера включено на сайті для статичних ресурсів, браузер буде слідувати інструкціям із сервера, отриманим через заголовки HTTP.
  • Браузер зберігатиме статичні ресурси на локальному сховищі із зазначенням терміну придатності або максимального віку, отриманого від сервера.
  • Статичні ресурси завантажуються з локального сховища браузера під час завантаження наступної сторінки.
  • Якщо кешування браузера не увімкнено на сайті (час закінчення не встановлено), браузер буде завантажувати файли при кожному завантаженні. Це збільшить час завантаження сторінки, а також навантаження на сервер.
  • Для кожного типу файлу, такого як png, jpg, css, слід вказати час закінчення терміну дії. js тощо.

Якщо ви не встановите час закінчення терміну дії для зображень та інших статичних файлів, інструмент Google PageSpeed ​​Insights покаже це як проблему з високим пріоритетом у категоріях "Потрібно виправити" або "Можливі оптимізації".

Як виправити проблему кешування браузера у WordPress?

Використовуйте проблему кешування браузера в Google PageSpeed

Ви можете побачити інформацію в дужках біля URL -адрес зображення як "термін дії не вказано".

Як виправити проблему кешування браузера у WordPress?

Існує два простих способи вирішити проблему кешування браузера з використанням кредиту:

  • Без плагіна, змінивши файл .htaccess
  • Використання плагіна W3 Total Cache

1 Без плагіна

Увійдіть у свій клієнт FTP і відкрийте файл .htaccess, розташований у кореневому каталозі вашого сайту. Зверніться до нашої статті, щоб дізнатися більше про те, як редагувати файл .htaccess у WordPress. Додайте наведені нижче директиви в кінці файлу:

## 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> ## CACHE CONTROL ## <filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$"> Header set Cache-Control "max-age=2592000, public" </filesMatch>

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

Якщо у вас немає доступу до FTP, є плагіни для редагування файлу .htaccess безпосередньо з панелі адміністратора. Наприклад, плагін Yoast SEO пропонує редактор файлів для редагування файлу .htaccess з панелі адміністратора.

2 Використання W3 Total Cache

На щастя, WordPress має плагіни для вирішення всіх проблем. Щоб вирішити проблему кешування веб -перегляду для вашого сайту WordPress, ми рекомендуємо використовувати плагін W3TC. W3TC – це популярний плагін кешування, доступний у сховищі плагінів WordPress безкоштовно з безліччю додаткових опцій.

Як виправити проблему кешування браузера у WordPress?

Плагін W3 Total Cache WordPress

Встановіть плагін і активуйте його. Перейдіть до розділу «Продуктивність> Кеш веб -переглядача» та ввімкніть усі параметри кешування браузера у розділах Загальні, CSS і JS, HTML та XML, Медіа та інші файли.

Як виправити проблему кешування браузера у WordPress?

Увімкніть кешування браузера у плагіні W3TC

Ви можете залишити поле "Термін дії заголовка закінчується" зі значеннями за замовчуванням, попередньо заповненими за секунди. Якщо хочете, внесіть зміни до власних значень у розділах “CSS & JS", ​​”HTML & XML” та “Медіа та інші файли”.

  • 31536000 за 1 місяць
  • 604800 за 1 тиждень
  • 86400 за 1 день
  • 3600 за 1 годину

Наскільки ми перевірили 1 годину на HTML і XML і 1 місяць на інші файли, вони добре працюють для Google PageSpeed.

Плагін W3T Totoal Cache по суті додає директиви у файлі .htaccess, як пояснюється у першому методі. Відкрийте файл .htaccess, і ви побачите довгий набір директив, доданих плагіном W3TC. Усі директиви, пов’язані з кешуванням браузера, відображаються між розділами "# ПОЧАТИ кеш браузера W3TC" до "# КОНЕЦ кешу браузера W3TC".

Перевірте назад у Google PageSpeed ​​Insights

Після того, як ви вручну додали код у файл .htaccess або активували кешування браузера всіх типів об’єктів у W3TC, спочатку очистіть весь кеш. Потім поверніться до інструмента Google PageSpeed ​​Insights та перевірте сторінку. Швидше за все, проблему слід було вирішити або перенести на нижчий пріоритет у розділі "Розгляньте можливість виправлення", як показано нижче. Новий інструмент PageSpeed ​​все ще відображатиме проблеми в розділі "Можливі оптимізації" з покращеним загальним показником.

У нашому прикладі проблема все ще існує через оголошення AdSense та файли шрифтів.

Як виправити проблему кешування браузера у WordPress?

Зменшено пріоритет проблеми кешування браузера

Чого не можна робити за допомогою кешування браузера

Тепер, коли ви знаєте, як вирішити проблему кешування веб -переглядача на вашому сайті WordPress. Але в більшості випадків цього недостатньо, оскільки він працюватиме лише для статичних ресурсів, завантажених із вашого власного домену. Насправді на сторінці може бути багато інших зовнішніх ресурсів, які неможливо кешувати у браузері. Нижче наведено деякі популярні зовнішні ресурси, які можуть викликати проблеми кешування браузера:

  • Скрипт коду відстеження Google Analytics
  • Сценарій коду оголошення Google AdSense (як показано у наведеному вище прикладі)
  • Деякі файли шрифтів
  • Зображення Граватара в біографії автора та коментарі
  • Зображення, завантажені соціальними плагінами

Якщо швидкість сайту є найважливішим фактором для вас, то обережно використовуйте зовнішні ресурси на своєму сайті. Можливо, ви можете деактивувати всі зовнішні ресурси, крім важливих, таких як Google Analytics, щоб покращити показник швидкості сторінки.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі