CSS и JS отсутствуют в Google CDN, как решить?

Я развернул сайт WordPress с помощью предварительной загрузки WordPress с высокой доступностью. встроенное изображение на платформе Google.

Я включил CDN на серверной службе, но GTmetrix сказал, что CSS и JS отсутствуют в CDN.

Я думаю, что я сделал что-то неправильное правило хоста и пути. Я прав?

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

Или вы указываете мне другое решение. Спасибо

введите здесь описание изображения


google-cloud-platform wordpress google-cdn
person Kimsea Sok    schedule 11.05.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Чтобы позволить Google Cloud CDN кэшировать ваши файлы CSS и JS,

Вам нужно будет изменить заголовки HTTP для файлов CSS, JS, обслуживаемых из экземпляра серверной части, как показано ниже:

Кэш-контроль = общедоступный

max-age или s-maxage директива, или Expires

Поскольку Google Cloud CDN не предоставляет консоль для настройки методов кэширования, единственный способ сделать это — изменить файлы конфигурации настроек вашего внутреннего веб-сервера,

Например, httpd.conf или .htaccess для веб-сервера Apache HTTP или nginx.conf для веб-сервера Nginx.

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

Вы можете обратиться к диаграмме архитектуры высокой доступности WordPress: введите здесь описание изображения

Ваш хост и URL-адрес верны, так работает WordPress High Availability.

Только URL-адреса, относящиеся к администратору, обслуживаются узлом администратора, остальные запросы будут обслуживаться узлами обслуживания контента.

Я бы посоветовал вам сделать следующее:

  1. Убедитесь, что вы включили Cloud CDN на узлах обслуживания контента.
  2. SSH в узел администрирования, отредактируйте или создайте файл /var/www/html/.htaccess для изменения заголовков кэша:
# Cache 1 Month for CSS and JS files
<filesMatch ".(css|js)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
  1. Подождите несколько минут, пока узлы обслуживания контента получат обновление для узла администрирования.
  2. Запустите тест еще раз, чтобы увидеть, работает ли он.
person Brent Chang    schedule 11.05.2020