Adaptive Images for WordPress

Adaptive Images Прозрачно изменяет размер и оптимизирует изображения, доставляемые на мобильные устройства, так что общее время загрузки значительно сокращается. Он работает как фильтр между вашим сайтом WordPress и устройствами и передает им изображения меньшего размера. Обратите внимание, что это не решение для CSS и не для адаптивных изображений. Это не влияет на макет и стиль вашей темы. Он просто отправляет меньшие изображения на устройства, а они этого не замечают! Основные цели Значительно сократить общее время загрузки веб-страницы на мобильные устройства. Работайте прозрачно и ненавязчиво, не зависимо от макета и стиля вашей темы. Не обращайте внимания на еще не стандартизованный элемент изображения или HTML атрибут img srcset. Дополнительные преимущества Уважает поисковые системы и отправляет им исходную версию каждого изображения. Если он не распознает размер устройства, он возвращается к исходному размеру изображения. Он легкий, потому что ему не нужно загружать всю среду WordPress каждый раз, когда он отправляет запрос изображения. Поддерживаемые форматы JPEG PNG GIF (не анимированный) НЕ Поддерживаемые форматы WEBP GIF (анимированный) CDN / Varnish / службы внешнего кэширования Начиная с версии 0.6.0, поддержка службы CDN / Varnish / внешнего кэширования была добавлена в качестве опции в экспериментальном режиме. Это означает: i) он еще не тщательно протестирован; ii) однако он работает почти во всех тестовых примерах; iii) он не представляет опасности для вашей установки; iv) он добавляет специальный параметр url к вашим URL-адресам изображений, поэтому он немного навязчивый. Протестировано с MaxCDN и Varnish до сих пор. Не может обрабатывать фоновые изображения CSS (пока). Невозможно работать даже в экспериментальном режиме с CDN, которые используют другой субдомен для изображений, потому что эти настройки полностью обходят WordPress при доставке изображений. Не стесняйтесь спрашивать подробности об этом на форуме поддержки. Точки останова по умолчанию. Экраны шириной 1024 пикселей. Экраны шириной 640 пикселей. Также поддерживаются экраны HiDPI (высокая плотность пикселей устройства или сетчатка). Как протестировать Самый простой способ протестировать - использовать режим эмуляции устройства в вашем браузере (режим адаптивного дизайна) в «Инструментах разработчика». Вы можете посмотреть это видео https://www.youtube.com/watch?v=hCAC1XUUOvw/ в качестве примера. Протестируйте с помощью такого инструмента, как Webpagetest http://www.webpagetest.org/. Убедитесь, что вы установили параметр «Эмулировать мобильный браузер» на вкладке «Дополнительные настройки»> «Chrome». Протестируйте на реальном мобильном устройстве, смартфоне или планшете. Наблюдайте за загрузкой вашего сайта в мгновение ока. Проверьте каталог / wp-contents / cache, чтобы увидеть каталог / adaptive-images и его содержимое. Здесь изображения с измененным размером хранятся и кэшируются по умолчанию. Просмотрите изображение прямо из браузера и добавьте «? Debug = true» в конце URL-адреса, например: «http://www.website.com/wp-content/uploads/2015/01/image.jpg?debug = правда ". Это подтверждает, что плагин работает, и должен распечатать полезную отладочную информацию. Если вы продолжаете видеть свое изображение, значит, плагин не работает должным образом, и причиной, вероятно, является неспособность правильно обновить файл .htaccess. Добавьте "? Debug = original" в конце URL-адреса изображения, и вы увидите исходную версию изображения, даже если должна была быть показана его уменьшенная версия. Несовместимость и проблемы Плагин поддерживает Nginx, но файл конфигурации сервера необходимо настроить вручную следующим образом: location / {rewrite . (?: jpe? G | gif | png) $ / wp-content / plugins / adaptive-images / adaptive -images-script.php; } Windows IIS не поддерживается, но может быть настроен вручную. Приглашаются любые эксперты IIS. Не может работать даже в экспериментальном режиме с CDN, которые используют другой субдомен для изображений. При использовании HTTPS / SSL убедитесь, что вы обновили все URL-адреса своего веб-сайта, а также URL-адреса на странице общих настроек WordPress, в противном случае плагин не сможет найти ваши изображения. WordPress Multisite (Mu) не поддерживается (некоторые планы будущей поддержки обсуждаются). Что нужно иметь в виду Для правильной работы плагину необходимо добавить немного кода в ваш файл .htaccess. Он удаляет этот код после отключения. Если тебе это не нравится, тогда… не повезло! Плагину не важно, действительно ли устройство мобильное или нет. Проверяет разрешение экрана устройства. Если вы установили достаточно большие точки останова, это должно работать так же хорошо и для настольных устройств. Однако он нацелен в основном на мобильные. Версии изображений с измененным размером хранятся в специальном каталоге в каталоге / wp-content / cache. Это вызывает некоторые накладные расходы на хранилище. Вам решать, являются ли эти накладные расходы приемлемым вариантом для вашей среды хостинга. Обычно это даже отдаленно не сравнивается с размером ваших исходных каталогов изображений. Плагин не помогает (и не мешает) художественному оформлению. Просто как тот. Художественное направление https://usecases.responsiveimages.org/#art-direction в адаптивных изображениях - это совершенно другая, но важная проблема. Этот плагин с этим не справляется. Но он работает дополнительным образом, не мешая другим решениям, которые работают. Это значит, что вы можете комбинировать его с любым решением художественного направления. Благодарности Плагин изначально был основан на плагине WP-Resolutions https://github.com/JorgenHookham/WP-Resolutions/, но начиная с версии 0.3.0 он полностью переписан! Оба плагина, WP-Resolutions и этот, позаимствовали идеи из решения Adaptive Images http://adaptive-images.com/, специально адаптированного для WordPress. Особая благодарность моему хорошему другу и коллеге Антонису Захопулосу за бесчисленное количество отзывов, идей и советов по отладке. Большое спасибо @railgunner за первоначальную идею о функции CDN / Varnish / external caching service на форуме поддержки плагинов. Это показало, что это действительно возможно! Спасибо AJ на WpFASTER.org за желание протестировать вышеуказанную функцию в реальной среде. Спасибо ребятам из команды Pressidium за помощь в отладке функции CDN / Varnish / внешнего кэширования и предоставление тестовых сред. Спасибо, Энди Грей, за помощь в отладке странных проблем с путями файловой системы в управляемых средах хостинга. Спасибо @ milenoi2016 за помощь в разборе одного из многих случаев установки каталогов WordPress. Спасибо @minorgod за исправление пути в Windows. Спасибо, Марк Грюффер, за подсказку о раскрытии глобальной переменной запроса. Спасибо @timholz за подсказку о файлах cookie SameSite. И, конечно же, миллион благодарностей всем, кто предоставил полезные отзывы в ранних версиях плагина, где неизбежных сбоев из-за изменений серверной среды было немало. Пожалуйста, дайте нам знать, как плагин работает (или не работает) для вас. Мы любим комментарии и творческие отзывы!

Автор: Nevma

Версия: 0.6.68

Последнее обновление: 2020-05-08 11:08am GMT