3 Практичних ради по роботі з сайтом на joomla

Однак, ні для кого не секрет, що за універсальністю Joomla криється один з її підводних каменів - ресурсомісткість. Особливо, це стосується сайтів, де встановлені великовагові розширення, наприклад, Virtuemart. Більшість користувачів не любить чекати, коли сторінка сайту вантажиться довше 3-5 секунд. Про те, як оптимізувати роботу сайту на Joomla і піде мова далі.

Для прискорення роботи сайту, в першу чергу, необхідно у меншій кількості HTTP запитів зі сторінки.

Близько 70-80% часу відгуку користувача витрачається на отрісовиваніе інтерфейсу (читай дизайну сайту). Більша частина цього часу - це завантаження всіх елементів сторінки: картинок, css-таблиць, скриптів і т.д.

Зменшення числа компонентів зводить до мінімуму кількість HTTP-запитів, необхідних для відображення сторінки і, отже, прискорює її завантаження. Отже, як же зменшити число http-запитів?

Крок 1: використовуємо CSS-спрайт.

Як працює CSS-спрайт: припустимо у вас на сторінці 10 невеликих зображень, і, отже, знадобиться 10 запитів.

Об'єднуємо все картинки в один файл (вручну, за допомогою Photoshop або будь-який інший програми, яка здатна автоматично генерувати спрайт з безлічі зображень). 1 файл - 1 запит, як ви розумієте.

Для подальшого відображення на сайті використовуємо властивості css: background-image і background-position.

До речі, це побічно допоможе тим людям, які не хочуть, щоб їх картинки в нахабну копіювали з сайту (При застосуванні цієї техніки простим райткліком картинку з вашого сайту взяти не вийде).

3 Практичних ради по роботі з сайтом на joomla

Крок 2: використовуємо сжатиеJS-бібліотеки.

Наприклад, багато хто користується фреймворком JQuery, який поставляється в нормальному і minified варіанті. Minified і означає стислий вихідний код js.

Існують також плагіни для упаковки в один файл всіх css і js під Joomla.

Яскравий приклад - CssJsCompress. Крім перерахованого вище, плагін може:

- мінімізувати HTML-код (записує все в один рядок)

- пропонує Gzip стиснення для файлів js і css

Крок 3: використовуємо expires-заголовки.

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

  • Включаємо в файлі конфігурації mod_expires.
  • У .htaccess додаємо приблизно наступне:

Слід пам'ятати, що в разі постійно оновлюваних скриптів все рядки про них слід прибрати.

Не забуваємо періодично чистити кеш (в адмін-панелі joomla є відповідні функції).

3 Практичних ради по роботі з сайтом на joomla

Ще трохи прискорити відображення сторінки допоможе наступне правило: css файли розташовуються в HEAD, а великовагові js чим нижче тим краще.

Правда, працює це не завжди, оскільки якщо у вас на сайті безліч анімації і ефектів, пов'язаних з js, то незалежно від того, наскільки швидко прогрузити HTML, сторінка буде виглядати неповним до завершення завантаження скриптів.

На цьому все, сподіваюся, матеріал був вам корисний.

Схожі статті