ОПТИМИЗАЦИЯ WORD PRESS САИТА С ПЛАГИНОМ AUTOPTIMIZE

Всем приветик! Хотите сделать свой сайт быстрее, используя Autoptimize? Узнайте, какие настройки авто-оптимизации нужно настроить, чтобы повысить скорость вашего сайта WordPress.

Если вам интересны советы по скорости и оптимизации WordPress, то данное руководство — оптимизация WordPress с помощью плагина Autoptimize (Автоматическая оптимизация ВордПресс) — для вас. В наши дни скорость загрузки сайта имеет решающее значение для нашего успеха.

Поисковые системы, такие как Google и Яндекс, да и другие, оценивают вас гораздо выше в выдаче, если ваш веб-ресурс быстрее и доступнее, чем ваши конкуренты.

Содержание
  1. Как ускорить сайт или блог WordPress до максимума
  2. Как увеличить скорость загрузки сайта на WordPress?
  3. Плагин Autoptimize для оптимизации WordPress
  4. Возможности Autoptimize
  5. Установка и настройка Autoptimize
  6. Быстрая WordPress тема GeneratePress
  7. Тема WordPress Astra-супербыстрая
  8. В заключение
  9. Оптимизация сайта с помощью плагина WordPress — Autoptimize
  10. Настройка плагина Autoptimize.
  11. Настройка HTML и CDN
  12. Кеширование и другие параметры
  13. Как плагин помогает ускорить мой сайт?
  14. Будет ли это работать с моим блогом?
  15. Почему jquery. мин. js не оптимизирован при агрегировании JavaScript?
  16. Почему блокируется рендеринг Autoptimized JS?
  17. Почему автооптимизированный CSS по-прежнему называется блокировкой рендеринга?
  18. Какая польза от «встроенного и отложенного CSS»?
  19. Или вам следует встроить весь CSS?
  20. Мой сайт выглядит сломанным, когда я очищаю кеш Autoptimize!
  21. Я попробовал автооптимизацию, но моя скорость страницы в Google почти не улучшилась
  22. Что я могу делать с помощью API?
  23. Почему мои шрифты также не попадают в CDN?
  24. Как работает «исключить из оптимизации»?
  25. Устранение неполадок при автооптимизации
  26. Я исключил файлы, но они все равно автооптимизируются?
  27. Невозможно войти на мультисайты с сопоставлением домена
  28. Visual Composer, Beaver Builder и аналогичные решения для создания страниц не работают!!
  29. Слайдер Revolution сломан!
  30. Я использую галереи NextGen, и большая часть JS не агрегируется/минимифицируется?
  31. Что такое оптимизация?
  32. Могу ли я изменить каталог и имя кэшированных файлов автооптимизации?
  33. Работает ли это с WP_CONTENT_URL не по умолчанию?
  34. Можно ли предварительно заархивировать сгенерированный JS/CSS?
  35. Что значит «удалить смайлы»?
  36. Полезно ли «удалить строки запроса»?
  37. (Как) следует настроить шрифты Google?
  38. Когда я могу(не) асинхронизировать JS?
  39. Могу ли я использовать оптимизацию изображений для своего интрасети/защищенного сайта?
  40. Где я могу получить дополнительную информацию об оптимизации изображений?
  41. Могу ли я отключить AO, прослушивающий очистку кэша страниц?
  42. Некоторые символы, отличные от ASCII, теряются после оптимизации
  43. Что означает «включить откат 404»? Зачем мне это нужно?
  44. Какое программное обеспечение/проекты с открытым исходным кодом используются в Autoptimize?
  45. Почему плагины увеличивают скорость загрузки
  46. Принцип работы плагина Autoptimize (оптимизация JS и CSS WordPress)
  47. Недостатки плагина Autoptimize
  48. Как увеличить размер cash хранилища Autoptimize
  49. Проблема чистки кэш плагина Autoptimize

Как ускорить сайт или блог WordPress до максимума

Зная это, вам не составит труда выбрать для своего сайта подходящую тему WordPress, которая следует по этим принципам — быстро и доступно. А такие в каталоге есть. Об этом будет сказано дополнительно, к основной сегодняшней теме поста — оптимизация WordPress сайта с помощью плагина Autoptimize. Данный плагин делает ваш сайт быстрее за счет оптимизации CSS, JS, изображений, шрифтов Google и многого другого. В том числе и  кэширования страниц вашего сайта.

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

Как увеличить скорость загрузки сайта на WordPress?

В этой статье будут перечислены некоторые советы по оптимизации скорости загрузки страниц WordPress, которые вы можете использовать на своём сайте прямо сейчас. Мы можем сделать несколько вещей, которые помогут вам еще больше повысить оптимизацию загрузки своего сайта на ВордПресс. А именно, уменьшить количества CSS и JS-файлов, загружаемых при каждой загрузке страницы. И это будет иметь огромное значение для скорости загрузки страниц на сайте.

Представляю лучший плагин для минимизации и объединения JS и CSS. Активных установок уже более 1 миллиона. Autoptimize упрощает оптимизацию вашего сайта ВордПресс.

Плагин Autoptimize для оптимизации WordPress

Autoptimize — это бесплатный плагин для оптимизации WordPress. Помимо оптимизации HTML, CSS и JavaScript, Autoptimize также включает в себя функции оптимизации , ориентированные на другие аспекты современных сайтов WordPress. Плагин работает с кодом, скриптами и стилями страницы, ускоряя загрузку. Хорошо справляется в тандеме с плагином кэширования.

Оптимизация сайта с помощью Autoptimize

Autoptimize — это отличный плагин. В нем есть все, что нам нужно, он делает процесс оптимизации невероятно простым. Плагин Autoptimize может объединять, минимизировать и кэшировать скрипты и стили. По умолчанию вставлять CSS в заголовок страницы (но также может откладывать), перемещать и откладывать скрипты в нижний колонтитул и минимизировать HTML.

Возможности Autoptimize

Параметры «Extra» позволяют оптимизировать шрифты Google и изображения ( Autoptimize включает оптимизацию изображений на «лету» (с поддержкой форматов WebP и AVIF) и CDN через ShortPixel), асинхронный не агрегированный JavaScript. Удалять основные эмоции (emoji) WordPress и многое другое. Таким образом, он может улучшить производительность вашего сайта, даже если уже используется HTTP / 2! Доступен обширный API, позволяющий адаптировать Autoptimize к конкретным потребностям каждого сайта WP.

Установка и настройка Autoptimize

Как настроить Autoptimize для сайта WordPress? Вы можете установить плагин стандартным способом. Перейти в панель админки вашего сайта. Перейдите в раздел плагины — Добавить новый. Искать плагин по названию Autoptimize. Нажмите кнопочку Установить.

Установка и активация плагина

После установки и активации плагина у вас будет доступ к странице администратора, где вы сможете включить оптимизацию HTML, CSS и JavaScript. По своему вкусу вы можете начать просто включать их все, или, если вы более осторожны, по одному.

Я предлагаю/рекомендую выбрать такие основные настройки плагина Autoptimize:

Настройки Autoptimize. Первая вкладка

Не забывайте сохранять изменения. Во вкладке Images (оптимизация изображений). Сделайте свой сайт значительно быстрее, просто отметив несколько флажков для оптимизации и отложенной загрузки изображений, включая поддержку формата WebP!

Настройки оптимизации изображений

Вкладка — Дополнительные возможности оптимизации. Если вы не используете смайлики на своем сайте, тогда нет смысла загружать скрипты для них.

Хотя автоматическая оптимизация поставляется без каких-либо гарантий, в целом она будет работать безупречно, если вы её правильно настроите.

Если ваш блог WordPress не работает нормально после включения автоматической оптимизации, вот несколько советов по выявлению и решению таких проблем с помощью дополнительных настроек:

Теперь, когда все вышеперечисленное сделано, вы можете проверить показатели скорости сайта.

Оценки скорости PageSpeed Insights для мобильных

И для компьютеров:

Скорость загрузки для компьютеров

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

Если вы считаете производительность важной, вам следует использовать один из плагинов для кэширования страниц. Некоторыми хорошими кандидатами для дополнения Autoptimize являются, например, WP Super Cache (настройки читайте тут), Hyper Cache , Comet Cache или KeyCDN Cache Enabler.

Плагины плагинами, а начинать надо с выбора темы для вашего сайта. Предлагаю вам обратить внимание на пару самых быстрых тем WordPress. Ищете идеальные базовые быстрые темы ВордПресс? Вот они.

Быстрая WordPress тема GeneratePress

Идеальная легкая тема вордпрессо

GeneratePress — это легкая тема WordPress, созданная с акцентом на скорость и удобство использования. Очень удобно использовать GeneratePress в качестве основы для создания веб-сайтов или блога.

Если вы используете компоновщики страниц, GeneratePress — тема для вас. Шаблон полностью совместим со всеми основными конструкторами страниц, включая Beaver Builder и Elementor.

Проверенный HTML, встроенные структурированные данные schema.org и молниеносное время загрузки. Некоторые из многочисленных функций включают интеграцию микроданных, 9 областей виджетов, 5 местоположений навигации, 5 макетов боковой панели, раскрывающиеся меню (щелчок или наведение) и предустановки цвета навигации.

Тема бесплатная, установка стандартная из каталога вордпрес.орг. Уже тестировал её, с контентом и плагинами — результат на лицо (смотрите скриншоты теста PageSpeed Insights). Хочу перейти на неё.

Тема WordPress Astra-супербыстрая

Быстрая тема Astra для сайта на WordPress

Тема Astra — это быстрая, полностью настраиваемая и красивая тема, подходящая для блога, личного портфолио, бизнес-сайта и витрины WooCommerce. Шаблон очень легкий (менее 50 КБ на внешнем интерфейсе) и предлагает беспрецедентную скорость.

Созданная с учетом SEO, Astra поставляется с интегрированным кодом Schema.org и готова к использованию Native AMP, поэтому поисковым системам понравится ваш сайт. Тема WP предлагает специальные функции и шаблоны, поэтому шаблон отлично работает со всеми конструкторами страниц, такими как Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi и т. д.

Авторы шаблона Astra посмотрели на GeneratePress и создали почти такую же тему, с таким же функционалом, но с другим названием. Молодцы, а чего теряться, это же всё для нас. А мы и не против.

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

В заключение

Плагин Autoptimize — отличный вариант для пользователей WordPress, желающих повысить производительность сайта. Благодаря базовым функциям, таким как оптимизация HTML и CSS, и более продвинутым, таким как интеграция CDN и возможность указывать директивы preconnect и preload, Autoptimize имеет все необходимое для оптимизации производительности веб-интерфейса вашего сайта WordPress.

Оптимизация и скорость загрузки сайта WordPress — это то, над чем надо работать постоянно и искать решение для этого. Оптимизация и ускорение веб-ресурса всегда должны быть приоритетом. Нам всегда есть чем заняться. О, да!

Оптимизация сайта с помощью плагина WordPress — Autoptimize

Плагин Autoptimize — это универсальный плагин для оптимизации сайтов WordPress. Это эффективный и простой способ для оптимизации, особенно, если вы не хотите глубоко вдаваться в технические детали.

Как обычно, вначале нужно установить и активировать плагин Autoptimize с панели управления WordPress.

Теперь перейдите в «Настройки», выберите «Autoptimize», и вы перейдете на страницу настроек для плагина оптимизации.

Теперь, вам откроется главное окно с настройками настройки плагина Autoptimize. Давайте посмотрим, что нужно настроить.

Настройка плагина Autoptimize.

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

Не стесняйтесь поиграть с настройками, пока вы не получите именно тот результат, который вы хотите.

Штука в том, что можно сильно переоптизировать сайт. Тогда он будет загружаться быстрее, но при этом, какой-то полезный для посетителя функционал, может быть урезан. В общем, тут только вам решать. Заодно, вы можете проверять каждое свое действие с помощью PageSpeed Insights.

Когда вы попадете на страницу основных настроек, вы увидите четыре вкладки:

Нажмите на вкладку JS, CSS и HTML. В первом окне представлены параметры JavaScript. К ним относится возможность оптимизирования кода JavaScript путем:

Установите флажок «Оптимизировать код JavaScript», и вам откроются параметры.

Прокрутите немного до Опции CSS и включите эту опцию, выставив соответствующую галочку. Вы увидите варианты, которые включают в себя:

Опять же, вы можете настроить эту область, как считаете нужным. Вот несколько вещей, которые следует помнить при настройке CSS-опций плагина:

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

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

Настройка HTML и CDN

Прокрутите вниз еще немного, и вы увидите еще две области опций для плагина: параметры HTML и параметры CDN. Тут плагин особых настроек не даёт.

Оптимизацию HTML вы можете либо включить, либо оставить его выключенным.

Если вы не используете CDN, то это поле также не нужно заполнять.

Кеширование и другие параметры

Последние две области параметров для этой вкладки включают информацию о кеше и раздел «Дополнительные параметры». В области Информация о кеше просто отображается текущая информация о кеше. У Другие настройки есть еще три варианта на выбор. Включите или отключите те, которые вы хотите.

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

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

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

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

Если вас интересуют некоторые из дополнительных опций, которые предоставляет этот плагин, нажмите на вкладку «Дополнительные» и посмотрите, есть ли что-то, что вы хотите включить.

Удалив шрифты Google вы тем самым немного ускорите свой сайт. И это хорошо. Но если, шрифты на вашем сайте выполняют важную декоративную роль, то проверьте, повлияет ли удалиние Гугл шрифтов на них. Тоже самое касается смайликов, удалив их, вы немного ускорите свой сайт, но тогда, смайлики не будут отображаться на вашем сайте. В общем, выбор за вами.

Если вам интересно, то на вкладке «Оптимизируйте больше» вы увидите другие дополнения и плагины, которые помогут вам ещё больше ускорить ваш сайт, но это уже платные решения.

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

Функция Autoptimize упрощает оптимизацию вашего сайта. Он может агрегировать, минимизировать и кэшировать скрипты и стили, по умолчанию вставлять CSS в заголовок страницы, но также может встраивать критический CSS и откладывать агрегированный полный CSS, перемещать и откладывать скрипты в нижний колонтитул и минимизировать HTML.

Вы можете оптимизировать и отложенно загружать изображения (с поддержкой форматов WebP и AVIF), оптимизировать шрифты Google, асинхронный неагрегированный JavaScript, удалять базовые смайлы WordPress и многое другое. Таким образом, это может улучшить производительность вашего сайта, даже если он уже подключен к HTTP/2! Доступен обширный API, позволяющий адаптировать автоматическую оптимизацию к конкретным потребностям каждого сайта.
Если вы считаете, что производительность действительно важна, вам следует хотя бы рассмотреть один из многих бесплатных плагинов для кэширования страниц (например, пакет Speed ​​Booster или KeyCDN Cache Enabler) в дополнение к Autoptimize или даже рассмотреть Autoptimize Pro, который не только обеспечивает кэширование страниц, но и оптимизацию изображений. CDN, критический CSS и многое другое!

Autoptimize Pro — это расширение премиум-класса, добавляющее оптимизацию изображений, CDN, кэширование страниц, автоматические важные правила CSS и дополнительные «усилительные» опции — и все это в одной удобной подписке, чтобы сделать ваш сайт еще быстрее!

Как плагин помогает ускорить мой сайт?

HTTP/2, безусловно, является большим шагом вперед, значительно уменьшая влияние нескольких запросов с одного и того же сервера за счет использования одного и того же соединения для выполнения нескольких одновременных запросов, и по этой причине при новых установках Autoptimize не будет объединять CSS и JS. файлы больше. При этом объединение CSS/JS все еще может иметь большой смысл, как описано в этой статье css-tricks.com и в этом блоге одного из инженеров Ebay. Вывод; настройте, протестируйте, переконфигурируйте, повторно протестируйте, настройте и посмотрите, что лучше всего работает в вашем контексте. Может быть, это просто HTTP/2, может быть, HTTP/2 + агрегация и минификация, может быть, это HTTP/2 + минификация (что AO тоже умеет, просто снимите галочки с «агрегировать JS-файлы» и/или «агрегировать CSS-файлы»). параметры). И Autoptimize может сделать гораздо больше, чем «просто» оптимизировать ваши JS и CSS 😉

Будет ли это работать с моим блогом?

Хотя Autoptimize поставляется без каких-либо гарантий, в целом он будет работать безупречно, если вы его правильно настроите. См. ниже «Устранение неполадок» для получения информации о том, как настроить в случае возникновения проблем. Если вы хотите, вы можете протестировать Autoptimize на новом бесплатном макетном сайте, любезно предоставленном вкусомwp.com.

Почему jquery. мин. js не оптимизирован при агрегировании JavaScript?

Начиная с AO 2.1, jquery.min.js ядра WordPress не оптимизирован по той простой причине, что многие популярные плагины внедряют встроенный JS, который также не агрегируется (из-за возможных проблем с размером кэша с уникальным кодом во встроенном JS), что зависит от доступности jquery, поэтому исключение jquery.min.js гарантирует, что большинство сайтов будут работать без дополнительных настроек. Если вы также хотите оптимизировать jquery, вы можете удалить его из списка исключений оптимизации JS (возможно, вам придется также включить «также агрегировать встроенный JS» или переключиться на «принудительно использовать JS в голове»).

Почему блокируется рендеринг Autoptimized JS?

Это происходит при агрегации JavaSCript и включении опции «форсировать в голове» или когда не агрегируется и не откладывается. Рассмотрите возможность изменения настроек.

Почему автооптимизированный CSS по-прежнему называется блокировкой рендеринга?

При настройке Autoptimize по умолчанию CSS связан в заголовке, что является безопасным вариантом по умолчанию, но Google PageSpeed ​​Insights жалуется. Вы можете посмотреть «встроить весь CSS» (просто) или «встроить и отложить CSS» (лучше), которые также описаны в этом FAQ.

Какая польза от «встроенного и отложенного CSS»?

Здесь нет простого решения, поскольку «над сгибом» зависит от того, где находится сгиб, что, в свою очередь, зависит от размера экрана. Однако существуют некоторые инструменты, которые пытаются определить, что именно находится «над сгибом». Этот список инструментов является отличной отправной точкой. Критический CSS-генератор Sitelocity и Criticalpathcssgenerator Джонаса Олссона — хорошие базовые решения, а http://criticalcss.com/ — премиум-решение от того же Йонаса Олссона. В качестве альтернативы может быть полезен этот букмарклет (только для Chrome).

Или вам следует встроить весь CSS?

Autoptimize не имеет надлежащего механизма очистки кэша, так как это может привести к удалению оптимизированного CSS/JS, который все еще упоминается в других кэшах, что может привести к поломке вашего сайта. Более того, быстрорастущий кэш указывает на другие проблемы, которых следует избегать.

Вместо этого вы можете поддерживать размер кэша на приемлемом уровне одним из следующих способов:

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

Мой сайт выглядит сломанным, когда я очищаю кеш Autoptimize!

При очистке кэша AO ни один кэш страниц не должен содержать страницы (HTML), которые ссылаются на удаленный оптимизированный CSS/JS. Хотя для этой цели существует интеграция между Autoptimize и некоторыми кэшами страниц, эта интеграция не охватывает 100% настроек, поэтому вам может потребоваться очистить кэш страниц вручную.

На данный момент (июнь 2017 г.) кажется, что RocketLoader может нарушить «встроенный и отложенный CSS» AO, основанный на loadCSS Filamentgroup, в результате чего отложенный CSS не загружается.

Я попробовал автооптимизацию, но моя скорость страницы в Google почти не улучшилась

Autoptimize — это не просто плагин «исправить мои проблемы со скоростью страницы»; он «только» объединяет и минимизирует (локальные) JS, CSS и изображения, а также позволяет использовать некоторые приятные дополнительные функции, такие как удаление шрифтов Google и отсрочку загрузки CSS. Таким образом, Autoptimize позволит вам повысить производительность (время загрузки измеряется в секундах) и, вероятно, также поможет вам устранить некоторые конкретные предупреждения о скорости страницы. Если вы хотите совершенствоваться дальше, вам, вероятно, также придется изучить, например, кэширование страниц и конфигурация вашего веб-сервера, что улучшит реальную производительность (опять же, время загрузки, измеренное, например, https://webpagetest.org) и ваши рейтинги скорости страницы «лучшая практика производительности».

Что я могу делать с помощью API?

Начиная с версии 1.7.0, CDN активируется при входе в корневой каталог блога CDN (например, http://cdn.example.net/wordpress/). Если этот URL-адрес присутствует, он будет использоваться для всех файлов, сгенерированных Autoptimize (т. е. агрегированных CSS и JS), включая фоновые изображения в CSS (если не используются data-uri).

Почему мои шрифты также не попадают в CDN?

Autoptimize поддерживает это, но по умолчанию он не включен, поскольку нелокальные шрифты могут потребовать дополнительной настройки. Но если у вас есть политика запросов между источниками в порядке, вы можете указать Autoptimize разместить ваши шрифты в CDN, подключившись к API, установив для autoptimize_filter_css_fonts_cdn значение true таким образом;

add_filter(‘autoptimize_filter_css_fonts_cdn’, ‘__return_true’);

Если ваш веб-сервер правильно настроен для обработки сжатия (gzip или deflate) и истечения срока действия кэша (истекает и управление кэшем с достаточной возможностью кэширования), вам не нужна Autoptimize, чтобы справиться с этим за вас. В этом случае вы можете установить флажок «Сохранить агрегированный скрипт/css как статические файлы?», который заставит Autoptimize сохранять агрегированные файлы как файлы .css и .js (это означает, что для обслуживания этих файлов не требуется PHP). Этот параметр используется по умолчанию начиная с Autoptimize 1.8.

Как работает «исключить из оптимизации»?

Оптимизация CSS и JS позволяет исключить агрегирование и минимизацию кода путем добавления «идентификаторов» в список исключений, разделенный запятыми.

Устранение неполадок при автооптимизации

Ознакомьтесь с инструкциями по устранению неполадок на странице https://blog.futtta.be/2022/05/05/what-to-do-when-autoptimize-breaks-your-site/

.

Я исключил файлы, но они все равно автооптимизируются?

AO минимизирует исключенный JS/CSS, если имя файла указывает на то, что файл еще не минимизирован. Начиная с AO 2.5, вы можете отключить это на вкладке «JS, CSS & HTML» в разделе «Разное». параметры, сняв галочку «минимизировать исключенные файлы».

Если вы используете Apache, файл .htaccess, написанный Autoptimize, может в некоторых случаях конфликтовать с настройками AllowOverrides вашей конфигурации Apache (как в случае с конфигурацией по умолчанию в некоторых установках Ubuntu), что приводит к «внутреннему ошибки сервера» по автооптимизируемым CSS- и JS-файлам. Эту проблему можно решить, установив для параметра AllowOverrides значение «Все».

Невозможно войти на мультисайты с сопоставлением домена

Для мультисайтов с сопоставлением доменов требуется инициализация Autoptimize при другом действии WordPress. Добавьте эту строку кода в свой wp-config.php, чтобы сделать возможным подключение к setup_theme, например:

define( ‘AUTOPTIMIZE_SETUP_INITHOOK’, ‘setup_theme’);

Visual Composer, Beaver Builder и аналогичные решения для создания страниц не работают!!

Отключите опцию оптимизации страниц корзины/оформления заказа (работает для WooCommerce, Easy Digital Downloads и WP eCommerce).

Слайдер Revolution сломан!

Убедитесь, что js/jquery/jquery.min.js находится в списке исключений из оптимизации JS, разделенных запятыми (это исключено в конфигурации по умолчанию).

В этом случае у вас есть неагрегированный JavaScript, требующий загрузки jQuery, поэтому вам придется добавить js/jquery/jquery.min.js в список исключений из оптимизации JS, разделенный запятыми.

Я использую галереи NextGen, и большая часть JS не агрегируется/минимифицируется?

NextGen Galleries делает несколько отличных вещей для добавления JavaScript. Чтобы Autoptimize могла агрегировать это, вы можете либо отключить управление ресурсами галереи Nextgen с помощью этого фрагмента кода add_filter( ‘run_ngg_resource_manager’, ‘__return_false’ ); или вы можете указать Autoptimize выполнить инициализацию раньше, добавив это в ваш wp-config.php: define(«AUTOPTIMIZE_INIT_EARLIER»,»true»);

Что такое оптимизация?

Вы можете сделать это на своей странице/содержимом публикации, в виджетах и ​​в файлах вашей темы (рассмотрите возможность создания дочерней темы, чтобы избежать перезаписи вашей работы обновлениями темы).

Могу ли я изменить каталог и имя кэшированных файлов автооптимизации?

Да, если вы хотите обслуживать файлы, например. /wp-content/resources/aggregated_12345.css вместо стандартного /wp-content/cache/autoptimize/autoptimize_12345.css, затем добавьте это в wp-config.php:

Работает ли это с WP_CONTENT_URL не по умолчанию?

Нет, Autoptimize не поддерживает нестандартный WP_CONTENT_URL «из коробки», но это можно сделать с помощью пары строк кода, подключившись к API Autoptimize.

Можно ли предварительно заархивировать сгенерированный JS/CSS?

Да, но по умолчанию это отключено. Вы можете включить это, передав «true» в «autoptimize_filter_cache_create_static_gzip». Очевидно, вам все равно придется настроить свой веб-сервер для использования этих файлов вместо файлов без сжатия, чтобы избежать накладных расходов на сжатие на лету.

Что значит «удалить смайлы»?

Эта новая опция в Autoptimize 2.3 удаляет встроенный CSS, встроенный JS и связанный JS-файл, добавленный ядром WordPress. Таким образом, это может оказать небольшое положительное влияние на производительность вашего сайта.

Полезно ли «удалить строки запроса»?

Хотя некоторые онлайн-инструменты оценки производительности выделяют «строки запроса для статических файлов» как проблему производительности, в целом их влияние практически отсутствует. Таким образом, Autoptimize, начиная с версии 2.3, позволяет вам удалить строку запроса (или, точнее, параметр «ver»), но отметка «удалить строки запроса из статических ресурсов» практически не окажет влияния на производительность вашего сайта, поскольку измеряется в (милли-)секундах.

(Как) следует настроить шрифты Google?

Preconnect — это довольно продвинутая функция, позволяющая браузерам (если они ее поддерживают) устанавливать соединение с определенными доменами, даже если соединение не требуется немедленно. Это можно использовать, например. чтобы уменьшить влияние сторонних ресурсов на HTTPS (поскольку DNS-запрос, TCP-соединение и согласование SSL/TLS выполняются раньше). Используйте с осторожностью, так как предварительное подключение к слишком большому количеству доменов может оказаться контрпродуктивным.

Когда я могу(не) асинхронизировать JS?

Когда оптимизация изображений включена, Autoptimize будет искать файлы PNG, GIF, JPEG (.jpg) в тегах изображений и в файлах CSS, загруженных из вашего собственного домена, и меняет src (источник) на ShortPixel CDN. для тех. Важно: это может работать только для общедоступных изображений, в противном случае прокси-сервер оптимизации изображения не сможет получить изображение для его оптимизации, поэтому брандмауэры, прокси-серверы, защита паролем или даже предотвращение хотлинкинга могут нарушить оптимизацию изображения.

Могу ли я использовать оптимизацию изображений для своего интрасети/защищенного сайта?

Нет; Оптимизация изображений зависит от способности внешней службы оптимизации изображений получать исходное изображение с вашего сайта, оптимизировать его и сохранять в CDN. Если ваши изображения не могут быть загружены анонимными посетителями (из-за брандмауэра/прокси/защиты паролем/защиты от хотлинкинга), оптимизация изображений не будет работать.

Где я могу получить дополнительную информацию об оптимизации изображений?

Ознакомьтесь с часто задаваемыми вопросами Shortpixel.

Могу ли я отключить AO, прослушивающий очистку кэша страниц?

Начиная с AO 2.4, AO «слушает» очистку страничного кэша, чтобы очистить свой собственный кэш. Вы можете отключить это поведение с помощью этого фильтра;

Некоторые символы, отличные от ASCII, теряются после оптимизации

По умолчанию AO использует не многобайтовые строковые методы, но если ваш PHP имеет расширение mbstring, вы можете включить многобайтовые строковые функции с помощью этого фильтра.

Что означает «включить откат 404»? Зачем мне это нужно?

Автоматическая оптимизация кэшей, агрегирование и оптимизация CSS/JS, а ссылки на эти кэшированные файлы сохраняются в HTML, который будет храниться в кэше страниц (который может быть плагином, может быть на уровне хоста, может быть сторонним). , в кеше Google, в браузере). Если в кеше страниц есть HTML, который ссылается на автоматически оптимизированный CSS/JS, который был удален за это время (когда кеш был очищен), то страница из кеша не будет выглядеть/работать должным образом, поскольку CSS или JS не были найдены. (ошибка 404).

Цель этого параметра — предотвратить сбои в работе за счет использования «резервного» CSS или JS. Резервные файлы представляют собой копии первых автоматически оптимизированных файлов CSS и JS, созданных после очистки кеша, и поэтому будут основаны на домашней странице.

Это означает, что CSS/JS может не применяться на 100% на других страницах, но, по крайней мере, влияние отсутствия CSS/JS будет уменьшено (часто значительно).

Когда эта опция включена, Autoptimize добавляет ErrorDocument 404 в .htaccess (как используется Apache), а также подключается к ядру WordPress template_redirect для захвата 404, обрабатываемых WordPress. При использовании NGINX должно работать что-то вроде ниже (я не специалист по NGINX, но у меня это работает);

И это хороший альтернативный подход (предоставлен fboylovesyou);

Какое программное обеспечение/проекты с открытым исходным кодом используются в Autoptimize?

Вы можете получить помощь на форуме поддержки wordpress.org. Если вы на 100% уверены, что вашу проблему невозможно решить с помощью конфигурации Autoptimize и что вы действительно обнаружили ошибку в коде, вы можете создать проблему на GitHub. Если вам нужна поддержка премиум-класса, воспользуйтесь нашими услугами поддержки Autoptimize Pro и оптимизации веб-производительности.

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

Почти каждый плагин WordPress при установке включает свои стили и скрипты JS. Традиционно JS подключаются в шапке сайта, что увеличивает количество запросов на сервер еще до загрузки основной страницы.

Особенно «ругается» в этом поисковике Google. На сервисе проверяет скорость загрузки сайта (), не строгие скрипты и стили приводят к серьезным ошибкам, требующим мгновенного отключения.

Теоретически, проблему нескольких JS скриптов и нескольких стилей CSS можно решить их объединением. Например, можно использовать популярный и работающий плагин Autoptimize.

Плагин Autoptimize «обучен»  сжимать JS скрипты стилей в одном файле.

Принцип работы плагина Autoptimize (оптимизация JS и CSS WordPress)

Плагин Autoptimize помогает оптимизировать JS и CSS WordPress следующим образом. Перед выводом страницы, плагин обходит HTML код страницы и находит все js файлы.

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

Недостатки плагина Autoptimize

Более того, по умолчанию размер кеш-памяти плагина ограничена и приходится её часто чистить. На особо посещаемых сайтах я увеличил эту папку до 10Гб (об этом чуть ниже), увеличение скорости загрузки не вижу.

Кроме этого, автор плагина рекомендует его использование и отсутствие конфликтов с плагинами: WP Super Cache, HyperCache, Comet Cache, KeyCDN’s Cache Enabler, WP Fastest Cashe и WP Speed of Light.

Я уверен, вы знаете, как установить плагин. Страница плагина: Настройки плагина элементарные, но всё-таки пройдемся по ним.

Вся настройка заключается в выделении чек боксов. В принципе, все дополнительные настройки плагина, выставлены в максимально приемлемом режиме. Поэтому они и скрыты. Я выделяю три основных чекбокса JS, HTML, CSS и сохраняюсь. В манипуляциях с дополнительными настройками эффекта в ускорении не заметил.

 

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

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

оптимизировать JS и CSS WordPress: Настройки плагина Autoptimize

Как увеличить размер cash хранилища Autoptimize

Недавно обнаружил, что размер cash хранилища Autoptimize, мягко сказать, небольшое. На 500 Mb, значок плагина в toolbar начинает желтеть, а к 750 Mb, начинает мигать красным. Для большой посещаемости сайта, хранилища хватает на 2-3 дня. Это значит, что вся работа плагина сводится к нулю.

Решение проблемы вы можете найти на сайте автора. Я его озвучу и подтвержу из практики.

Чтобы увеличить, размер cash хранилища плагина Autoptimize, я делаю следующее:

Устанавливают плагин «Code Snippets» (). Он нужен для простого добавления произвольного кода на свой сайт WordPress, без добавления пользовательских фрагментов в файл functions.php.

Проблема чистки кэш плагина Autoptimize

08-04-2020. Со времени написания статьи плагин значительно изменился. Добавлена функция ленивой загрузки изображений и работа по оптимизации изображения не стороннем сервере. Плагин стал вновь радовать работой,  но осталась проблема автоматической читки кеша.

Решить её можно так. Рекомендую, пока работает, использовать плагин “Autoclear Autoptimize Cache”. Он чистит именно кеш этого плагина по настройкам объёма. Работает гарантированно.

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

Оцените статью
NaWordpress.ru
Добавить комментарий