Как ускорить работу сайта на Joomla? подсказки

1. Измерьте скорость вашего сайта
2. Выберите хороший веб-хостинг для Joomla
3. Держите Joomla и расширения в актуальном состоянии
4. Удалить неиспользуемые расширения Joomla
5. Включить кэширование Joomla
6. Включить сжатие GZIP в Joomla
7. Оптимизируйте изображения на сайте Joomla
8. Оптимизируйте .htaccess на сайте Joomla
9. Оптимизируйте CSS, JS и HTML на сайте Joomla
10. Инструменты для оптимизации сайта Joomla
11. Используйте сеть доставки контента для веб-сайта Joomla
12. Мобильная дружественная оптимизация для сайта Joomla
13. Конечный результат

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

Как вы можете прочитать в Руководство для веб-мастеров Google Оптимизация загрузки страницы - это один из лучших способов поднять ваш сайт на вершину рейтинга SEO. С другой стороны, сайт с быстрой загрузкой является более дружественным для посетителей. Могу поспорить, что вы покинули много сайтов через несколько секунд только потому, что они загружались слишком медленно. Поверь мне, ты не единственный. Продолжайте читать, чтобы узнать, как ускорить работу вашего сайта на Joomla, чтобы повысить рейтинг и удерживать посетителей на вашем сайте.

Измерьте скорость вашего сайта

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

Существует ряд интернет-сайтов, которые могут помочь вам измерить эффективность вашего сайта. Самые популярные на данный момент:

После тестирования вашего сайта с помощью инструмента Google PageSpeed ​​Insights вы получите оценку и советы, которые можно оптимизировать:

GTmetrix одновременно тестирует веб-сайт, используя PageSpeed ​​и YSlow, поэтому вы можете получить более сложные предложения для своего сайта:

Давайте посмотрим, что вы можете сделать, чтобы улучшить производительность вашего веб-сайта Joomla.

Выберите хороший веб-хостинг для Joomla

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

СОВЕТ: Joomla-Monster рекомендует хостинг SiteGround

Держите Joomla и расширения в актуальном состоянии

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

СОВЕТ: Проверьте журналы изменений для наших шаблонов и структур

Удалить неиспользуемые расширения Joomla

Каждое расширение, установленное на Joomla, требует ресурсов системы и базы данных. Обычно в головной части вашего шаблона загружаются также некоторые дополнительные файлы CSS и JS, которые могут увеличить общий размер всего сайта. Хорошей практикой является сохранение только тех расширений, которые в настоящее время используются на вашем сайте. Если вы часто тестируете новые расширения, не забудьте удалить их, если вы их не используете.

Включить кэширование Joomla

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

В Joomla есть две основные настройки, связанные с кэшированием.

Настройка кэша в глобальной конфигурации

Чтобы включить кэширование в Joomla, перейдите в «Система» → «Глобальная конфигурация» → «Система» и выберите метод кэширования:

Доступные методы кеширования:

• консервативный - один и тот же кэшированный контент загружается для всех посетителей
• прогрессивный - контент кэшируется отдельно для каждого посетителя

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

Обратите внимание, что кэширование Joomla может привести к некоторым проблемам, связанным с расширениями. Для каждого модуля есть дополнительная настройка, которая позволяет отключить кеширование. Чтобы отключить кэширование Joomla для выбранного модуля, перейдите в Расширения → Диспетчер модулей и выберите модуль. На вкладке «Дополнительно» в параметрах модуля вы можете отключить кеширование содержимого модуля:

В качестве альтернативы кешированию Joomla, вы также можете попробовать JotCache расширение, которое предоставляет несколько дополнительных настроек, которые позволяют контролировать кеширование более сложным способом.

Плагин System Page Cache

Чтобы включить плагин, перейдите в Расширения → Диспетчер плагинов → Кэш системной страницы и измените статус на Включено:

Включить сжатие GZIP в Joomla

Еще один способ ускорить ваш сайт прямо из настроек Joomla - это сжатие. Когда сжатие включено, страницы вашего сайта загружаются в виде zip-файла и распаковываются браузером. Таким образом, можно уменьшить размер контента на 50-70% .

Чтобы включить этот параметр, перейдите в «Система» → «Глобальная конфигурация» → «Сервер» и выберите «Да» для параметра «Сжатие страниц Gzip»:

ПРИМЕЧАНИЕ. Ваш хостинг должен поддерживать модуль mod_gzip, иначе сжатие не будет работать.

Если вы заинтересованы в экономии размера после включения сжатия, вы можете протестировать свой сайт Вот ,

Оптимизируйте изображения на сайте Joomla

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

• избегайте использования больших изображений на вашем сайте
• не масштабировать изображения с использованием HTML или CSS
• не забудьте добавить атрибуты ширины и высоты для каждого изображения, чтобы браузер знал их размеры, прежде чем загружать их
• не размещайте слишком много изображений на одной странице
• используйте сжатие без потерь или с потерями, чтобы уменьшить размер ваших изображений. Обычно, если вы сохраняете изображения с помощью Adobe Photoshop или Gimp, размер изображения может быть уменьшен без потери качества. Всегда помните, что изображения с вашей камеры должны быть изменены и оптимизированы, прежде чем размещать их на вашем сайте.

Популярные инструменты для оптимизации изображений:

Оптимизируйте .htaccess на сайте Joomla

Еще один способ увеличить скорость вашего сайта - это настроить файл .htaccess . Перед началом работы убедитесь, что вы переименовали файл htaccess.txt в .htaccess и включили перезапись URL-адреса в Система → Глобальная конфигурация → Сайт:

Мы сосредоточимся на следующих правилах:

• Сжатие с дефлатом - оно обрабатывается модулем сервера mod_deflate и отвечает за уменьшение размера документа. Он работает наиболее эффективно для таких файлов, как HTML, JavScripts, CSS и XML. Сжатие может уменьшить до 80% размера данных. Меньший размер данных может привести к снижению времени отклика сервера и уменьшению использования полосы пропускания.
• Сжатие GZIP - оно обрабатывается модулем сервера mod_gzip и работает так же, как модуль mod_deflate. Тем не менее, mod_deflate иногда может иметь меньший процент сжатия.
• Заголовки Expire - он сообщает браузеру, когда файл должен быть обновлен и заменен в локальном каталоге кэша браузера.

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

# НАЧАТЬ DEFLATE СЖАТИЕ <IfModule mod_deflate.c> # Сжать HTML, CSS, JavaScript, Text, XML и шрифты AddOutputFilterByType DEFLATE приложение / JavaScript AddOutputFilterByType DEFLATE приложения / RSS + XML AddOutputFilterByType DEFLATE приложение / vnd.ms-fontobject AddOutputFilterByType DEFLATE приложение / x- font AddOutputFilterByType DEFLATE-приложение / x-font-opentype AddOutputFilterByType DEFLATE-приложение / x-font-otf AddOutputFilterByType DEFLATE-приложение / x-font-truetype AddOutputFilterByTypeyTyTyTyTyTyTyTyTyTF-приложение XML AddOutputFilterByType DEFLATE приложение / XML AddOutputFilterByType DEFLATE шрифт / OpenType AddOutputFilterByType DEFLATE шрифт / OTF AddOutputFilterByType DEFLATE шрифт / TTF AddOutputFilterByType DEFLATE изображение / SVG + XML AddOutputFilterByType DEFLATE изображение / х-значок AddOutputFilterByType DEFLATE текст / CSS AddOutputFilterByType DEFLATE текст / html AddOutputFilterByT ype DEFLATE text / javascript AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </ IfModule> # END DEFLATE COMPRESSION # BEGIN GZIP-сжатие | php | pl) $ mod_gzip_item_include обработчик ^ cgi-скрипт $ mod_gzip_item_include mime ^ text /.* mod_gzip_item_include mime ^ application / x-javascript. * mod_gzip_item_exclude mime ^ image /. / IfModule> # END GZIP СЖАТИЕ #BEGIN EXPIRES HEADERS <IfModule mod_expires.c> # Включить expires ExpiresActive On # Срок действия по умолчанию: 1 час после запроса ExpiresDefault "сейчас плюс 1 час" # Срок действия CSS и JS: 1 неделя после запроса Текст ExpiresByType / css "сейчас плюс 1 неделя" ExpiresByType application / javascript "сейчас плюс 1 неделя" ExpiresByType application / x-javascript "сейчас плюс 1 неделя" # Срок действия файлов изображений: 1 месяц после запроса ExpiresByType image / bmp "теперь плюс 1 месяц h "ExpiresByType image / gif" теперь плюс 1 месяц "ExpiresByType image / jpeg" теперь плюс 1 месяц "ExpiresByType image / jp2" сейчас плюс 1 месяц "ExpiresByType image / pipeg" сейчас плюс 1 месяц "ExpiresByType image / png" теперь плюс 1 месяц "ExpiresByType image / svg + xml" теперь плюс 1 месяц "ExpiresByType image / tiff" теперь плюс 1 месяц "ExpiresByType image / vnd.microsoft.icon" сейчас плюс 1 месяц "ExpiresByType image / x-icon" сейчас плюс 1 месяц " ExpiresByType image / ico "сейчас плюс 1 месяц" ExpiresByType image / icon "сейчас плюс 1 месяц" ExpiresByType text / ico "сейчас плюс 1 месяц" ExpiresByType application / ico "сейчас плюс 1 месяц" # Webfonts Доступ к шрифт / трусы ExpiresByType плюс 1 Месяц "ExpiresByType font / opentype" доступ плюс 1 месяц "ExpiresByType application / x-font-woff" плюс 1 месяц "ExpiresByType image / svg + xml" доступ плюс 1 месяц "ExpiresByType application / vnd.ms-fontobject" плюс 1 month "</ IfModule> #END EXPIRES HEADERS # BEGIN Заголовки управления кэшем <ifModule mod_headers.c> <filesMatch" \. (ico | jpe? g | png | g if | swf) $ "> Набор заголовков Cache-Control" public "</ filesMatch> <filesMatch" \. (css) $ "> Набор заголовков Cache-Control" public "</ filesMatch> <filesMatch" \. (js) $ "> Набор заголовков Cache-Control" private "</ filesMatch> <filesMatch" \. (X? Html? | Php) $ "> набор заголовков Cache-Control" private, must-revalidate "</ filesMatch> </ ifModule > # END Cache-Control Headers

Оптимизируйте CSS, JS и HTML на сайте Joomla

Каждый шаблон и расширение загружают файлы CSS и JS, которые могут блокировать рендеринг контента, поскольку браузер должен сначала обработать все файлы для текущей страницы. Они также производят ряд HTTP-запросов.

Если вы используете EF4 Framework, вы можете легко сжимать и оптимизировать файлы CSS / JS, а также вывод HTML. Как это работает?

• он объединяет все файлы CSS и JS, поэтому количество запросов уменьшится
• он удаляет все ненужные пробелы, разрывы строк и комментарии, чтобы уменьшить размер файла

Чтобы включить сжатие в EF Framework, выберите «Расширения» → «Диспетчер шаблонов» → [имя шаблона] → «Дополнительные функции» и включите следующие параметры:

Если ваш шаблон и фреймворк не позволяют оптимизировать файлы, вы можете искать сторонние расширения. Проверьте следующий совет для более подробной информации.

Инструменты для оптимизации сайта Joomla

В Каталог расширений Joomla Вы найдете ряд оптимизирующих расширений сайта Joomla . Вас могут заинтересовать следующие:

JCH Optimize

Вероятно, лучшее оптимизирующее расширение для Joomla. Это позволяет:

• объединить файлы CSS и JS в один
• минимизировать объединенные файлы
• объединить фоновые изображения в спрайт
• минимизировать вывод HTML
• Поддержка CDN (профессиональная версия)
• загрузить JS асинхронно (профессиональная версия)
• включает стили CSS и JS из блоков встроенного объявления (профессиональная версия)
• и многое другое

JBetolo

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

ScriptMerge

Еще одно решение, о котором стоит упомянуть. Это позволяет сжимать CSS, JS и HTML-код. Есть также много других функций, которые вы можете протестировать на своем сайте.

Aimy Speed ​​Optimization

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

• Устранение блокировки рендера (специальная обработка JavaScript- и
• CSS-ресурсы, блокирующие рендеринг сайта)
• Минимизация HTML-кода
• Активация кеширования браузера
• Сжатие контента
• Оптимизация изображения (с помощью отложенной или отложенной загрузки)
  

Используйте сеть доставки контента для веб-сайта Joomla

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

CDN можно настроить с помощью расширений JCH Optimize и JBetolo, упомянутых в предыдущем разделе. Существует также намного больше расширений для CDN, доступных в Каталог расширений Joomla ,

Мобильная дружественная оптимизация для сайта Joomla

Прошло почти два месяца с тех пор, как Google запустил новый мобильный алгоритм. Это означает, что мобильные мобильные сайты получают более высокий рейтинг в результатах поиска на мобильных устройствах. Это не удивительно, поскольку более 50% интернет-трафика поступает с мобильных и планшетных устройств.

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

СОВЕТ: Google меняет правила для мобильных устройств. Ваш сайт Joomla оптимизирован для мобильных устройств?

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

Конечный результат

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

В нашем примере мы использовали бесплатный JM Services шаблон и нам удалось улучшить наш результат Google PageSpeed ​​Insights более чем на 70%!

Желаем вам зеленых результатов!

Похожие

Комментарии