Автор Карлоса Камари 19 вересня 2016 року

прийоми

  • Швидкість
  • AMP
  • Налаштування сайту
  • Joomla використовує
  • Оптимізація
  • SEO
  • Хитрощі

У червні я провів швидкісний веб-семінар із Siteground, де поділився своїми методами створення веб-сайтів з Joomla дуже швидко! Цих методів має бути достатньо, щоб покращити швидкість завантаження ваших веб-сайтів і, таким чином, запропонувати кращий досвід для ваших користувачів. Але іноді може знадобитися щось більше. У цих випадках вам доведеться вдатися до екстремальних методів, про які я розповідаю нижче, щоб досягти швидкості запаморочення на вашому сайті.

Використовуйте wbAMP

Я вже розповідав вам про сторінки AMP та переваги, які вони пропонують для SEO. Зараз здається, що Google вирішив покращити позиціонування сторінок, на яких реалізована версія AMP, і це є вагомою причиною, якщо ви довіряєте SEO, не зволікати з її впровадженням на своїх веб-сайтах. Сторінки AMP практично миттєві, а що, якщо замість версії AMP ми зробимо весь наш сайт AMP? Саме про це думав Weeblr, і тому плагін wbAMP пропонує можливість зробити весь ваш сайт AMP одним клацанням миші. Звичайно, забудьте про складні макети або використання багатьох модулів. Що з AMP не місце. Але ваш веб-сайт буде надшвидким.

Спростіть шаблон

Врешті-решт, AMP лише спрощує HTML, який використовується, і CSS, і javascript. Це те, що ви можете зробити, посадивши свій загін на дієту або створивши власний шаблон з нуля. Щоб створити простий шаблон, вам не потрібно багато знань, і є підручники та курси, щоб навчитися створювати шаблони в Інтернеті (наприклад, той, на який я посилаюся від свого друга Серхіо Іглесіаса).

У будь-якому випадку ви повинні взяти до уваги такі деталі:

  • Ви не можете мати багато файлів javascript або css, а ті кілька, які у вас є, будуть дуже маленькими. Якщо ви можете цього уникнути, уникайте завантаження навіть файлів JavaScript та CSS Joomla!
  • Ви повинні якомога більше уникати зображень, вони на сьогоднішній день є найважчими для веб-сайту. Кілька зображень, які вам доведеться включити, не забудьте пропустити їх через оптимізатор зображень (мені дуже подобається compressor.io).
  • Також уникайте завантаження веб-шрифтів. Вони виглядають чудово, але все ще є фактором навантаження і пам’ятайте, що ми вживаємо крайніх заходів.
  • Забудьте про ефекти JavaScript, такі як модальні вікна, вони завжди будуть виконуватися із зовнішніми бібліотеками і в підсумку становлять проблему.
  • Використовуйте HTML якомога коротше. Наприклад, уникайте додавання класів або ідентифікаторів до елементів, які не знадобляться (пам’ятайте, що CSS та JavaScript практично не повинні існувати). Звичайно, не слід додавати коментарі HTML, мікродані або будь-що, що не є суворо необхідним для відображення вашого вмісту.

Припиніть використовувати зовнішні сценарії та елементи

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

Також ви не можете використовувати типову рамку, щоб показати "Подобається" у Facebook чи тому подібному. Цей тип речей не додає нічого вагомого до вашого вмісту, і все ж це код і запити, які браузер користувача повинен зробити для іншого веб-сайту.

Використовуйте кеш браузера користувача для HTML

Якщо ваш веб-сайт ледве оновлюється, його можна кешувати в браузері користувача. Зазвичай це робиться для файлів css та javascript у файлі .htaccess, але навряд чи це робиться для самої сторінки, оскільки тоді користувач не бачить змін на даний момент, але йому доведеться почекати, поки термін дії кешу закінчиться, щоб побачити зміни.

Але ми хочемо екстремальних рішень, і це все. Отже, щоб браузер користувача використовував лише ту інформацію, яка вже була завантажена з нашого сайту раніше, ми перейдемо до плагіна System - Cache для Joomla! і ми активуємо опцію Використовувати кеш браузера.

Ці методи є надзвичайними, і ви, мабуть, не хочете використовувати їх на своїх сайтах, якщо тільки в конкретному проекті вам не потрібно, щоб ваш веб-сайт був практично миттєвим. Чи застосовували ви будь-який з них до своїх сайтів?