Wordpress: почему не работает адаптивная верстка с кэшированием?

Question

[Dwellss]

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

Comments

[Rustam Bainazarov]

Прикольное кеширование, у вас адаптивность или разные версии? Судя по всему, второе.

[Dwellss]

Рустам Байназаров, нет, адаптивная верстка

Answer 1

[Игорь Воротнёв]

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

Comments

[Dwellss]

А можно пример такого плагина?
А идеальный вариант какой?

[Игорь Воротнёв]

Dwellss, а подсказать конкретный плагин сложно - вы не предоставили описания того, как у вас реализовано разделение на десктоп и мобайл. Будут детали реализации - можно будет говорить о подходящем решении.

[Dwellss]

Игорь Воротнёв, а как мне рассказать об этом? У меня адаптивный дизайн, все в css...

Как люди в принципе решают этот вопрос? Иначе были бы ТОЛЬКО плагины с разделением версий. Это проблема верстки или настройки севера?

[Игорь Воротнёв]

Dwellss, Если у вас один html и css, но в зависимости от media queries срабатывают те или иные правила css, то вы не должны зависеть от кеширования - как отображать решает клиент (браузер) на конкретном устройстве, кеш всегда возвращается весь html и css в одинаковом виде для всех устройств сразу. Если у вас возникает проблема с кешированием, значит либо плагин как-то по-особенному кривой, либо все-таки у вас на бекенде происходит модификация html и/или css.

Люди решают данный вопрос как раз адаптивной версткой.

[Игорь Воротнёв]

Dwellss,

а как мне рассказать об этом?

Какой плагин кеширования используете?

[Dwellss]

Игорь Воротнёв, я пробовал simple cache, он мне понравился, но выдает описанную ошибку. Да все плагины, кроме hyper cache (который позволяет задать для мобил свою версию кэша по ЮА) выдают такую ошибку.

[Dwellss]

Игорь Воротнёв, в верстке у меня такие директивы для мобил:

@media only screen and (min-width:300px) and (max-width:480px){

[Игорь Воротнёв]

Dwellss, с такими директивами (обычными медиа-запросами) кеш полностраничный должен быть один для всех устройств. Если он ведет себя неадекватно - значит что-то не так с плагинами. Какие вы пробовали? Попробуйте WP Super Cache.