Aimy Speed ​​Optimization для Joomla!

  1. Вступление Aimy Speed ​​Optimization - это Joomla! Плагин, который оптимизирует ваш контент для скорости страницы несколькими способами: Это позволяет минимизировать и встраивать CSS в ваши страницы и асинхронно ставить JavaScript в очередь, поэтому оба больше не блокируют отображение ваших страниц. Кроме того, HTML-код может быть уменьшен. Способ загрузки изображений может быть оптимизирован: вы можете либо просто добавить отсутствующие размеры изображения, либо загрузить изображения с отложенным или ленивым форматом . Кроме того, кеширование и сжатие браузера можно активировать и настроить автоматически (с помощью файла Apache .htaccess). Эти функции помогают ускорить работу вашего Joomla! сайт с более быстрым рендерингом в браузерах вашего посетителя. С Google ™ Page Speed ​​Insights вы можете проверить скорость вашего сайта с разных точек зрения. Мы считаем, что это не совпадение, а возможность настроить ваш сайт для ваших посетителей и получить некоторые преимущества SEO . Требования
  2. Монтаж
  3. конфигурация
  4. Включение плагина
  5. Опции: Плагин
  6. Опции: Изображения
  7. Опции: Настройки эксперта
  8. ограничения
  9. Характеристики
  10. Неподдерживаемые расширения
  11. ОШИБКИ ПОД

Вступление

Aimy Speed ​​Optimization - это Joomla! Плагин, который оптимизирует ваш контент для скорости страницы несколькими способами:

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

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

Кроме того, кеширование и сжатие браузера можно активировать и настроить автоматически (с помощью файла Apache .htaccess).

Эти функции помогают ускорить работу вашего Joomla! сайт с более быстрым рендерингом в браузерах вашего посетителя.

С Google ™ Page Speed ​​Insights вы можете проверить скорость вашего сайта с разных точек зрения. Мы считаем, что это не совпадение, а возможность настроить ваш сайт для ваших посетителей и получить некоторые преимущества SEO .

Требования

Aimy Speed ​​Optimization требует:

  1. Joomla! 3.2 или выше
  2. PHP 5.3.10 или выше
  3. Расширение DOMDocument PHP (обычно включено)
  4. Joomla! шаблон, который использует HTML 5

Монтаж

Установка расширения следует общепринятой Joomla! процедуры.

Если вы не знакомы с этими процедурами, выполните следующие действия:

  1. Скачать ZIP-архив расширения
  2. Войдите в свой Joomla! бэкэнд как "Супер пользователь"
  3. В меню выберите « Расширения » → « Управление » → « Установить »
  4. Нажмите на кнопку « Или найдите файл » и выберите ZIP-архив.

Архив расширения будет загружен и установлен позже.

Для получения дополнительной информации, пожалуйста, посмотрите на Joomla! документация Установка расширения ,

ПРИМЕЧАНИЕ : все плагины отключены Joomla! при установке в первый раз. Чтобы включить Aimy Speed ​​Optimization, продолжите и настройте плагин.

конфигурация

После новой установки нажмите кнопку « Настроить плагин сейчас » на странице отчета об установке.

В любой момент вы можете настроить плагин с помощью диспетчера плагинов Joomla!, Выбрав в меню « Расширения » → « Диспетчер плагинов ». Найдите плагин и нажмите на его имя в столбце « Имя плагина» в списке плагинов.

Включение плагина

Чтобы использовать функциональные возможности плагина, вы должны сначала включить его.

Для этого измените статус плагина с « Отключено » на « Включено » и примените изменения, нажав кнопку « Сохранить » или « Сохранить и закрыть » на панели инструментов.

Конфигурация Aimy Speed ​​Optimization по умолчанию оставляет любое решение, как оптимизировать скорость страницы на вашем Joomla! веб-сайт до вас, то есть конфигурация по умолчанию не включает ни одну из доступных оптимизаций.

Опции: Плагин

Функциональность Aimy Speed ​​Optimization может соответствовать вашим потребностям, используя следующие параметры конфигурации, которые сгруппированы на вкладках «Плагин» и «Настройки эксперта»:

Устранить блокировку рендерингаУстранить блокировку рендеринга

Эта опция позволяет оптимизировать элементы CSS и JavaScript, чтобы они больше не блокировали отображение вашей страницы.

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

ПРИМЕЧАНИЕ . Динамически генерируемый и сторонний CSS обрабатывается аналогично JavaScript: он ставится в очередь и загружается после завершения первоначальной визуализации вашего веб-сайта. Этот подход обычно работает, как и ожидалось, для несертифицированных CSS-шрифтов и предотвращает блокировку вашего сайта. Однако, если CSS необходим для отображения вашего сайта (например, Bootstrap из CDN), нет способа предотвратить блокировку. В этом случае решение будет хранить код CSS в вашем веб-пространстве, чтобы его можно было встроить.

Сократить HTML

Если этот код включен, ваш HTML-код будет уменьшен до его доставки в браузер вашего посетителя.

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

Опции: Изображения

Оптимизация скорости Aimy предоставляет вам несколько вариантов оптимизации загрузки изображений на вашем сайте (элементы <img>). Поддерживаются как популярные методы отложенной загрузки, так и отложенной загрузки . Вы можете либо выбрать вручную, какие изображения должны быть оптимизированы, либо автоматически выбрать все загруженные изображения.

действиедействие

Какое действие должно быть применено к вашим изображениям?

Никто

Сохраняйте изображения такими, какие они есть.

Добавить размеры

Автоматически добавлять недостающие размеры изображения (атрибуты " ширина " и " высота ").

Эта опция обрабатывает только изображения на месте.

Отложенная загрузка

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

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

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

Ленивая Загрузка

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

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

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

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

выбор

Какие изображения должны быть оптимизированы?

Загруженные изображения

Все изображения на месте загружены в каталог / images / Joomla !, то есть с помощью com_mediaКонтент » → « Медиа »).

Изображения с классом "отсрочить"

Все изображения (локальные или внешние), которым присвоено имя класса « отсрочка », т.е.

<img src = "/ images / pagespeed.jpg" alt = "" class = "defer" />

Большинство Joomla! Редакторы позволяют легко добавлять классы к изображениям.

Мы рекомендуем выбирать изображения вручную, добавляя к ним класс defer. Ручной выбор, конечно, требует времени, но, по нашему опыту, приводит к лучшим результатам.

Пропустить Сначала # Изображения

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

Завернуть в ссылку?

И отложенная загрузка, и отложенная загрузка используют общеизвестный атрибут « data-src », который используется самим Google ™.

Однако этот параметр позволяет обернуть каждое изображение выделенной области в HTML-ссылку (элемент <a>), которая указывает на исходное изображение, если только она не используется внутри ссылки. Таким образом, вы можете сделать так, чтобы поисковые системы быстрее находили ваши изображения.

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

Опции: Настройки эксперта

Настройки эксперта позволяют вам изменить ваш файл .htaccess прямо из Joomla! бэкенд. Они требуют, чтобы ваш веб-сайт обслуживался веб-сервером Apache и чтобы файл .htaccess уже присутствовал в корневом каталоге вашего Joomla! установка (то есть та, которая поставляется с Joomla!).

Пожалуйста, не меняйте линии маркеров, вставленные этим плагином, - они необходимы для обновления вашей конфигурации в соответствии с вашими настройками.

ПРЕДУПРЕЖДЕНИЕ . Перед включением опции эксперта убедитесь, что ваш веб-сервер настроен на использование переопределений, указанных вместе с настройками. Обычно эти директивы доступны и разрешены. Однако, если сомневаетесь, спросите своего веб-хостера, чтобы быть уверенным!

Включить кеширование в браузереВключить кеширование в браузере

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

Нестатические ресурсы

(не кэшируются)

HTML , XML , JSON

Статические ресурсы

(кэшируются на срок до одного года)

PNG , GIF , JPEG , ICO

JavaScript , CSS

EOT , WOFF , TTF , SVG

Требуется переопределение Apache : индексы

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

Активировать сжатие

Если включено, mod_deflate Apache настроен для сжатия содержимого следующих типов:

HTML , XML , JSON , JavaScript , CSS , SVG

Требуется переопределение Apache : FileInfo

Подсказка: если вы используете SEF и успешно включили mod_rewrite в глобальной конфигурации Joomla !, вы также можете безопасно включить эту опцию, так как для обоих требуется одно и то же переопределение Apache.

Если какой-либо из этих параметров будет изменен, ваш файл .htaccess будет обновлен соответствующим образом при сохранении конфигурации.

СОВЕТ : Если плагин деинсталлирован , строки, вставленные с помощью Aimy Speed ​​Optimization, будут удалены автоматически. Если вы ранее включили параметры и затем деактивировали расширение, строки все равно будут в вашем файле .htaccess. Пожалуйста, отключите эти параметры и сохраните этот параметр, прежде чем деактивировать плагин.

ограничения

Пожалуйста, внимательно ознакомьтесь с ограничениями, чтобы узнать, какие функции Aimy Speed ​​Optimization будут использоваться на вашем сайте, а какие расширения в настоящее время не поддерживаются:

Характеристики

Устранить блокировку рендерингавстраивания CSS

Internet Explorer 8 не будет интерпретировать какие-либо медиазапросы во встроенном коде CSS, даже если используется вспомогательная библиотека, такая как response.js .

Динамически генерируемый и внешний CSS-код не может быть встроен (т.е. CSS внешнего веб-шрифта).

JavaScript в очереди

Асинхронная загрузка JavaScript в очередь без блокирования отображения вашей страницы была тщательно протестирована и, как известно, работает и с другими средами JavaScript, но в настоящее время официально поддерживаются только jQuery и jQuery UI .

Ресурсы Require.js сохраняются как есть, потому что они обычно загружаются асинхронно самостоятельно и работают, как и ожидалось, с помощью Aimy Speed ​​Optimization.

JavaScript-код Google Analytics Experiment (используется для A / B-тестирования) и Facebook Pixel Events сохраняется как есть и не ставится в очередь.

Изображения

: отложенная загрузка и отложенная загрузка

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

Изображения

: Ленивая Загрузка

Лениво загруженные изображения могут быть доступны только в версии для печати или в приложении Reader View, если они уже были загружены, то есть если они когда-то были в поле зрения читателя.

Изображения

: Wrap in Link

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

Кэширование и сжатие в браузере

Кэширование и сжатие в браузере осуществляется через конфигурацию файла .htaccess. Это будет работать только для веб-серверов Apache .

Неподдерживаемые расширения

В настоящее время известно, что следующие расширения несовместимы с Aimy Speed ​​Optimization и не поддерживаются:

Page Cache

(системный плагин)

Альтернатива: установите «Консервативное кэширование» или «Прогрессивное кэширование» в «Глобальной конфигурации» Joomla! (« Система » → « Настройки кэширования »).

ReCaptcha

(плагин капчи)

Плагин не работает, если активна опция « Устранить блокировку рендеринга ».

Альтернатива: используйте другой плагин капчи, например Aimy Captcha-Form Form Guard ,

J51 - Флоренция

(шаблон)

Шаблон не работает должным образом, если активна опция « Устранить блокировку рендеринга ».

Вертикальное меню

(модуль)

Шаблон не работает должным образом, если активна опция « Устранить блокировку рендеринга ».

Название и логотип Joomla! ® являются товарными знаками Open Source Matters, Inc. в США и других странах.

Google и логотип Google являются зарегистрированными товарными знаками Google Inc.

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

Aimy Speed ​​Optimization включает и использует следующие библиотеки с открытым исходным кодом:

HTML5-PHP

разработанный Мэттом Батчером, Мэттом Фариной и Асмиром Мустафиком.

MinifyCSS & MinifyHTML

разработано Netzum Sorglos Software GmbH.

JShrink

разработанный Робертом Хафнером.

$ script.js JavaScript загрузчик и менеджер зависимостей

разработанный Дастином Диазом.

[be] Lazy.js JavaScript Ленивый загрузчик изображений

разработанный Бьёрном Клинггаардом.

ОШИБКИ ПОД

Привет! В приведенном выше документе были некоторые ошибки кодирования, которые объясняются ниже:

Вокруг линии 539:

Не-ASCII символ, увиденный ранее = кодировка в 'Bjørn'. Предполагая UTF-8