Як я оптимізував свій повільний сайт WordPress для завантаження <1s зі 100% балами GTmetrix: 36+ Поради щодо оптимізації швидкості WordPress на 2020 рік

Повільний сайт WordPress?


Я покажу вам, як приймати звіт GTmetrix, Pingdom та PageSpeed ​​Insights і використовувати їх для оптимізації для WordPress, що покращує показники / час завантаження. Я вже писав популярні підручники для Ракета WP, високі плагіни процесора, які слід уникати, та оптимізація зображень. Цей посібник поєднує все, що я зробив для отримання 100% балів на своїй домашній сторінці, а також на інших сторінках і публікаціях. Навіть ця публікація може завантажуватися <2s, і він має 172 запити, розмір 5.78MB та 400 коментарів.

Contents

Зміст

1. GTmetrix vs. Pingdom vs. PageSpeed
2. Уникайте хостингу EIG
3. Хостинг сайту*
4. Оновлення до PHP 7.3
5. Плагін кеша
6. Чиста база даних
7. Контроль серцебиття
8. Ледаче завантаження відео
9. Google Шрифти
10. Google Analytics
11. Налаштування Cloudflare
12. Налаштування Cloudflare
13. CDN*
14. Подавати масштабовані зображення
15. Вкажіть параметри зображення
16. Без втрат стискати зображення
17. Зовнішні ресурси
18. Видаліть Блат
19. Мінімізуйте плагіни
20. Високі плагіни процесора21. Легкі плагіни
22. Вибіркове вимкнення плагінів
23. Блокувати поганих ботів
24. Уникайте AMP
25. Граватари
26. WooCommerce
27. Додати SSL
28. Обмеження поправок після публікації
29. Вимкнути пінгбеки + зворотні відгуки
30. Перевірте AWStats на високий процесор
31. Відкладіть розбір Javascript
32. Додати Закінчується Заголовки
33. Видалити рядки запитів
34. Мінімізуйте перенаправлення
35. Легка тема*
36. Моніторинг ресурсів сервера
37. Оновіть WordPress
38. Знайти найповільніші сторінки
39 Хостинг хмарних доріг*
40. Найміть мій оптимізатор швидкості WordPress*

Плагін хостингу та кешу – це два найбільші фактори в Посібник з оптимізації WordPress. я використовую SiteGround хто також використовується Йоастом і оцінено №1 у кількох Опитування у Facebook. Для кешування я використовую WP Rocket, який також був №1 у опитуваннях у Facebook і має більше функцій, ніж інші плагіни кешу (зменшуючи кількість плагінів на вашому сайті). SiteGround – $ 3,95 – $ 11,95 / місяць, а WP Rocket – $ 49 на рік, але це, в основному, те, що я вношу.

Подивіться моє відео – це 42-хвилинне відео, але я висвітлюю майже все (часові позначки в описі відео), і ви дізнаєтеся багато корисної інформації про те, як виправити ваш повільний сайт WordPress:

1. GTmetrix vs. Pingdom та Google PageSpeed ​​Insights

GTmetrix має найбільш надійні рекомендації, наприклад, які зображення потрібно оптимізувати на вкладці Швидкість сторінки (кроки 14-16) та використовувати CDN на вкладці YSlow (етап 11). Також добре знайти плагіни з повільним завантаженням, якщо вони потребують тривалого часу для завантаження на вкладці Водоспад, або вони відображаються кілька разів у вашому головному звіті. Ви також можете переглянути свій час на перший байт на вкладці “Таймінги”.

Мій звіт GTmetrix:

2019-GTmetrix-Звіт

Пінгдом є Найточніший інструмент для вимірювання часу навантаження відповідно до ракети WP і часу навантаження – це основний показник, який слід вимірювати (а не сорти), але існує кореляція.

Моя Звіт Pingdom:

2019-звіт Pingdom

Статистика сторінок Google корисний лише для 1 речі – перевірки часи відповіді сервера який рекомендує Google <200мс. Інакше це досить марно і є багато статей що пояснює, чому. Ви можете покращити час відгуку сервера, оновивши плани з вашим поточним хостом, щоб включити більше серверні ресурси або перейти на швидший хостинг з SiteGround, DigitalOcean на Cloudways, або Кінста які, як правило, найкращі 3 господарі у своєму класі (приєднуйтесь до WordPress хостинг групи Facebook щоб отримати неупереджені думки або подивитися на опитування у Facebook).

Скоротити час реакції сервера

2. Уникайте хостингу EIG

Та ж компанія (EIG) належить Bluehost, HostGator, iPage, Site5, Unified Layer та понад 60 різних хостинг-компаній. Вони відомі тим, що скорочують витрати, запаковуючи занадто багато людей на одному сервері (підкреслюючи це) і мати жахливі відгуки через це. Багато веб-сайтів, розміщених EIG, мають високий час відгуку, і я б уникав використання цих компаній за будь-яку ціну.

Список-EIG-марок

Це добре відомо у групах Facebook.

EIG-Facebook-Post

3. SiteGround (№1 Хост в опитуваннях у Facebook)

SiteGround є використовується Йоастом, себе, і рекомендований WordPress. Вони є №1 майже в кожному опитуванні у Facebook і дають більшість людей значущі покращення часу завантаження особливо якщо вони використовували посередні хости: GoDaddy, Bluehost, HostGator, InMotion, Dreamhost, EIG.

Yoast-on-Twitter - Ми просто перейшли на сайт

Я використовую їх напівприсвячений план GoGeek який постачається на 4 рази більше серверних ресурсів, ніж спільний хостинг. Клацніть на моїх сторінках, щоб побачити, як швидко вони завантажуються, ознайомтеся з моїм звітом GTmetrix або побачите людей, які мігрували і розміщено нові часи завантаження. Вони також роблять вільні міграції.

DigitalOcean на Cloudways і Кінста також хороші і починаються від $ 10 / місяць та 30 $ на місяць. Cloudways – це більше для розробників, яким не потрібен cPanel, хостинг електронної пошти чи підтримка, яку ви отримуєте з SiteGround. Kinsta – це в основному WP Engine був (дорого, але дивовижно). Весь мій блог в основному присвячений тому, щоб допомогти людям швидше завантажувати свій веб-сайт. Я відмовляюсь рекомендувати хостинг по 2 долари на місяць, оскільки це більшість людей найбільше жаль при запуску веб-сайту.

2019 опитування

2017-WordPress-хостинг-FB-опитування

Рекомендації щодо хостингу елементів

Липень 2019 року

WordPress-хост-опитування-серпень-2018

Спільний хостинг-опитування-2017

2019-хостинг-опитування

Компанія

WordPress-хостинг-опитування-2017

Керований хостинг-опитування

WooCommerce-хостинг-FB-опитування

2016-Веб-хостинг-опитування

Найкращий-WordPress-хостинг-провайдер-опитування

Кращий веб-хостинг-2019-опитування

WP Дружній хостинг опитування

2016-WordPress-хостинг-FB-опитування

Улюблений хостинг для елемента

2018 Рекомендації щодо хостингу

WordPress хостинг опитування, вересень 2018.png

Managed-WordPress-хостинг-опитування-2017

2019-господарі-опитування-1

Хостинг-опитування для швидкості

WordPress-хостинг-опитування-червень-1

SiteGround-Рекомендація

2014-керований-WordPress-хостинг-FB-опитування

Кращий веб-хостинг-провайдер-опитування

Хостинг-опитування-лютий-2019

Хостинг-рекомендації-опитування

Bluehost vs SiteGround

Опитування веб-хостингу WordPress

Їх рекомендує WordPress:

SiteGround-рекомендується-WordPress-хост

Що говорять інші:

Годді на міграцію на сайт

EIG-To-SiteGround

SiteGround-Міграція

SiteGround має 3 плани:

SiteGround WordPress хостинг

Вищі плани включають більше ресурсів сервера (фактор №1 в посібнику з оптимізації WordPress). Ось повна діаграма порівняння, але GrowBig дає вам приблизно в 2 рази більше ресурсів сервера, ніж StartUp, а GoGeek є напівприсвячений хостинг що дає вам ще більше. GrowBig та новіші версії оснащені безкоштовною міграцією, налаштуваннями, розширеним кешуванням та можливістю розміщення кількох веб-сайтів. GoGeek має пріоритетну підтримку. Їх хмарний хостинг – це цілком стрибок цін на $ 80 / місяць.

Це ви можете побачити на їх сторінка функцій:

Порівняння SiteGround-сервера-ресурсів

Люди зазвичай мігрують через своїх технологія швидкості може скоротити навантаження вдвічі:

Перехід на SiteGround

Міграція часу завантаження на сайт

Bluehost для SiteGround GTmetrix

HostGator To SiteGround

SiteGround GTmetrix

Інформація про Google SiteGround GoogleSpeed ​​Speed

100 Ідеальний бал на сайті

SiteGround Genesis

Швидкість, що надається SiteGround

Звіт GTmetrix SiteGround

Скорочені терміни завантаження за допомогою веб-сайту

Нові часи реагування на сайті

HostGator на міграцію на сайт

Час відповідей SiteGround про Joomla

Переключено на хостинг сайту

SiteGround Rocket Уявіть комбо

Joomla GTmetrix On SiteGround

Інформація про SiteGround PageSpeed ​​Speed

SiteGround On Joomla

Скорочений час завантаження SiteGround

Швидкий хостинг SiteGround

Нові результати Pingdom на сайті

Новий час відгуку на сайті

Поліпшення часу відповіді на SiteGround

Отримайте хостинг від SiteGround

4. Оновлення до PHP 7+

Модернізація Версії PHP це так просто і може зробити ваш сайт в 2-3 рази швидшим.

Тести WordPress PHP

То навіщо робити більшість користувачів WordPress запустіть застарілі версії PHP?

WordPress-PHP-версія-статистика

Тому що, хоча більшість господарів підтримує це:

Підтримувані-PHP-версії

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

Крок 1: Встановіть Відобразити PHP-версію плагін, щоб перевірити вашу поточну версію.

Дисплей-PHP

Крок 2: Виконати Перевірка сумісності PHP щоб переконатися, що ваша тема / плагіни сумісні.

Програма перевірки сумісності PHP

Крок 3: Оновіть до PHP 7+, шукаючи “Менеджер версій PHP” у своєму обліковому записі хостингу:

PHP-версія-менеджер

Деякі хости швидко випускають нові версії (SiteGround, Cloudways, Kinsta), а інші не докладають зусиль, щоб бути в курсі технологій. Ще одна причина уникати EIG та GoDaddy.

Оновлення PHP

* Перевірте свій веб-сайт на видимі помилки, оскільки не підтримувані плагіни можуть бути не сумісними. Якщо ви бачите помилки, ви завжди можете повернутися до попередньої версії PHP.

5. Плагін кеша

Там багато плагінів кешу, але ці опитування у Facebook є точними. Ваш плагін кешу та хостинг – це два ключових фактори, так пихати далі Ракета WP якщо у вас є $ 49 / рік (ви можете отримати 10% знижки, якщо зареєструєтесь у їхньому списку електронних листів). В іншому випадку WP Fastest Cache та Swift Performance – це 2 хороших безкоштовні варіанти. Я вже майже 3 роки використовую WP Rocket на своєму сайті.

Опитування найкращих плагінів кешу 2016 року

Опитування плагінів кешу 2019 року

Свіфт проти ракети WP

Опитування плагінів кешу 2016 року

Опитування найкращих плагінів кешу 2018 року

wp racket vs w3 totla cache

У більшості інших плагінів кешу вам потрібно буде встановити близько 7 додаткових плагінів, щоб отримати ці функції, коли Ракета WP у них усі вбудовані, зменшуючи кількість плагінів на вашому сайті. Якщо ви схожі на мене, ви хочете використовувати лише 1 плагін, інакше вам доведеться дослідити, до яких функцій додаються ваші кешові плагіни, а потім встановити ці плагіни, якщо вони не підтримують їх.

  • Очищення бази даних (вбудована в WP Rocket, або використання WP-оптимізація)
  • Контроль серцебиття (вбудований до WP ракети або використання Контроль серцебиття)
  • Ледачі завантажуйте зображення / відео (вбудовані в WP Rocket або використовуйте WP YouTube Lyte)
  • Розмістіть Google Шрифти локально (вбудований до WP Rocket або використовуйте OMGF, або SHGF)
  • Розмістіть Google Analytics на локальному рівні (вбудований до WP Rocket або використовуйте CAOS для Analytics)
  • Попередньо виберіть запити DNS (вбудований до WP ракети або використання Попередні підказки щодо ресурсів партії)
  • Інтеграція з Cloudflare + іншими CDN (вбудованими в WP Rocket або використовувати) CDN Enabler)

WP-Rocket-Особливості

Посібники із плагіну кеша

  • Посібник з ракет WP
  • Посібник із швидкого кешування WP
  • Швидкий посібник з продуктивності
  • Посібник із загального кешу W3
  • Посібник із WP Super Cache

WP Rocket і WP Fastest Cache прості в налаштуванні, а інші трохи складніші.

Деяким господарям подобається GoDaddy і WP двигун плагіни кеша чорного списку, оскільки вони мають власну вбудовану систему кешування. У цьому випадку використовуйте Автоматично оптимізувати для оптимізації HTML, CSS та JavaScript. Він також має опцію CDN. Перегляньте мій підручник з автоматичної оптимізації, інакше, якщо ваш хост не має додатків кешування чорного списку, рекомендую або WP Rocket, або Swift.

6. Чиста база даних

Видаляє ваші папки зі спамом та сміттям, відстеження, пінгбеки, таблиці баз даних, перехідні, і потенційно тисячі поправок та публікацій, які накопичили понаднормово, які WordPress автоматично зберігає. Це файли сміття та сповільнюють ваш сайт. Я рекомендую планувати WP Rocket або WP Optimize видаляти їх щотижня або близько того. Вам слід добре, але створіть резервну копію свого сайту, якщо це вперше очищення вашої бази даних!

Якщо використовується WP Rocket, запустіть (і заплануйте) це в налаштуваннях бази даних:

WP-Rocket-Database-Settings

Якщо ви не використовуєте WP Rocket, використовуйте безкоштовно WP-оптимізація підключати:

WP-оптимізуйте чисту базу даних

7. Контроль серцебиття

The WordPress серцебиття API споживає серверні ресурси, показуючи сповіщення плагінів у реальному часі та інші користувачі редагують публікацію. Оскільки це може генерувати запит кожні 15-30 секунд, найкраще вимкнути це або в WP Rocket, або в плагіні Heartbeat Control..

Якщо ви використовуєте WP Rocket, відключіть це в налаштуваннях серцебиття:

WP-ракета-серцебиття

Якщо ви не використовуєте WP Rocket, використовуйте Плагін Heartbeat Control:

Серцебиття-контроль-плагін

8. Ледачі завантаження відео

Затримує завантаження відео, поки ви не прокрутите сторінку вниз і вони не стануть видимими. Мені вдалося скоротити час завантаження декількох публікацій приблизно на 6 секунд, лише включивши це (оскільки відео – важкий елемент). Ви можете зробити це і з фотографіями, але постійне завантаження може дратувати, тому я його відключив. Якщо ви не використовуєте WP Rocket, Плагін WP YouTube Lyte має чудові відгуки.

Якщо використовується WP Rocket, увімкніть ледаче завантаження в налаштуваннях “Медіа”:

WP-Rocket-Lazy-Load

Замініть YouTube Iframe на попереднє зображення – це завантажує відео лише після того, як люди натискають кнопку відтворення, потенційно обробляючи кілька секунд вмістом відео. Ви можете зробити цю ракету WP або виконати її легкий підручник з вбудовування YouTube. Ви в основному вставити код у свій веб-шаблон, вставити ще якийсь код у свій CSS, а потім вставити кожне відео за допомогою коду “div”.

Подивіться, як відео не завантажується, поки ви не натиснете кнопку відтворення?

9. Шрифти Google

Якщо ви використовуєте Google Fonts, ви, можливо, побачите ці помилки в GTmetrix:

Google-Fonts-GTmetrix

Це означає, що вам потрібно розмістити свої шрифти локально, використовуючи плагін типу OMGF:

CAOS-шрифти

Або скористайтеся Самостійний плагін Google Fonts який автоматично завантажує всі використовувані вами шрифти Google, потім додає їх до CSS, не потребуючи нічого конфігурувати … це робить це для вас.

Вбудований власний хостинг-Google-шрифти

Якщо ви не бажаєте використовувати плагін, завантажте свої шрифти безпосередньо з Google Fonts (лише потрібні шрифти / ваги), використовуйте Трансфонтер конвертувати їх у веб-шрифти, а потім додати їх до CSS.

Transfonter-Google-Font-Conversion

10. Google Analytics

Якщо ви використовуєте Google Analytics, ви можете зробити те ж саме зі своїм кодом відстеження.

Leverage-Brower-Caching-Google-Analytics

Якщо ви використовуєте WP Rocket, то Google Tracking на вкладці Додатки слід це виправити:

Локальна аналітика WP Rocket

Або скористайтеся CAOS для плагіна Analytics:

CAOS-Analytics

11. Налаштування Cloudflare

Хмара є безкоштовним та покращує швидкість, безпеку та захист від спаму. Їх CDN розміщує ваші файли на 200+ центрів обробки даних що допомагає розвантажувати ресурси до своїх серверів (полегшуючи навантаження на ваші). Центри обробки даних також зменшити географічну відстань щоб ваш вміст подорожував відвідувачам. Cloudflare легко встановити за допомогою WP Rocket (я також перерахував альтернативні методи нижче).

Центри даних Cloudflare

Крок 1: Підпишіться на Cloudflare, додайте свій веб-сайт, після чого він запустить сканування. Ви будете переглядати набір сторінок, поки не дістанете до панелі інструментів свою 2 сервери імен Cloudflare (яку ви зміните у своєму хостинг-акаунті) та вашому Глобальний ключ API щоб увійти у ваш плагін кешування…

Cloudflare-Nameserver-Dashboard.

Крок 2: Змінення серверів імен у вашому реєстраторі домену для тих, хто вам призначив Cloudflare:

SiteGround-DNS-записи

Крок 3: Введіть ваш Глобальний ключ API (знайдено у вашому Профіль Cloudflare) у ваш плагін кеша:

Ключ глобального API Cloudflare

WP-Rocket-Cloudflare-Add-On

Альтернативні методи налаштування Cloudflare

Деякі хости також мають можливість активувати Cloudflare на своїй інформаційній панелі:

SiteGround-Cloudflare-Активація

Білі списки Cloudflare IP-адрес у вашому хостинг-акаунті – ви не хочете, щоб ваш хост блокував Cloudflare, тому переконайтеся, що вони містять список усіх Cloudflare IP (вони вам можуть знадобитися, щоб переконатися).

Cloudflare-IP-діапазони

12. Налаштування Cloudflare

У CLoudflare є маса варіантів, але ось найважливіші речі.

Налаштування швидкості
Перейдіть до свого налаштування швидкості і скопіюйте їх. Після цього перевіряйте свій сайт на наявність помилок. Ось додаткові відомості про мінімізація, Реальна URL-адреса AMP, С. Г. Залізниця, Бротлі, і Ракетний навантажувач при необхідності.

Cloudflare-Speed-Tab

Кешування

Cloudflare-Caching-Settings

Скребковий щит
Захист гарячої лінії заважає людям використовувати ВАШИ зображення на веб-сайті ЇХ – що дозволяє скоротити пропускну здатність вашого плану хостингу. Перейдіть до Cloudflare налаштування екрана і включити це.

Захист від гарячої лінії Cloudflare

Правила сторінки
Хмара каже:

“Ми рекомендуємо створити Правило сторінки щоб виключити розділ адміністратора вашого веб-сайту з функцій ефективності Cloudflare. Такі функції, як Rocket Loader та Auto Minification, можуть ненавмисно порушити функції резервного копіювання у розділі адміністратора. “

Перейдіть до Cloudflare налаштування правил сторінки

Параметри CloudFlare-Page-Rules-Settings

Це правило на сторінці відключає функції функціонування Cloudflare на панелі адміністрування WordPress, обходить кеш-пам’ять та покращує її безпеку (як рекомендують робити Cloudflare).

WordPress-Admin-Page-Правило

Це правило сторінки зменшить пропускну здатність області завантаження WP. Оскільки елементи у вашому файлі завантаження WordPress не змінюються часто, вам не доведеться кешувати їх так часто, економлячи пропускну здатність.

WP-Uploads-Page-Правило

Брандмауер
Правила брандмауера можна використовувати для блокування поганих ботів (етап 24), і це пояснюється там.

13. CDN (мережа доставки вмісту)

Це є рекомендується в посібнику з оптимізації WordPress:

CDN-WordPress-Рекомендація

я використовую CDN StackPath, але навіщо використовувати інший CDN, якщо у вас вже є Cloudflare? Тому що…

  • StackPath має 31 додатковий центр обробки даних (більше = швидше)
  • StackPath використовує швидші SSD-сервери з підключенням 10 Гб
  • StackPath має інформаційні панелі, які надають багато інформації про кешовані файли
  • Команда StackPath допомогла мені налаштувати мій CDN та покращила бал GTmetrix YSlow на 8%, поставивши «вишню на торті», щоб зробити мій звіт ідеальним на 100%
  • StackPath дозволяє захистити свій рахунок, використовуючи двоетапний процес аутентифікації; ви можете додати білий список IP-адрес людей, яким дозволено отримувати доступ до вашого облікового запису

StackPath-Центри даних

Крок 1: Підпишіться на StackPath (у них 30-денний пробний період).

Крок 2: На інформаційній панелі клацніть на вкладці CDN, а потім створити CDN-сайт StackPath:

StackPath-CDN-Tab

StackPath-CDN-домен

CDN-URL-StackPath

Крок 3: Вставте свій StackPath CDN URL в WP Rocket або скористайтеся програмою CDN Enabler:

WP-Rocket-CDN-Налаштування

Крок 4: У StackPath перейдіть до CDN → Налаштування кешу, потім натисніть кнопку Чистити все:

StackPath-Purge-Cache

Крок 5: Запустіть свій сайт у GTmetrix а “Мережа доставки вмісту” повинна бути зеленою в YSlow.

CDN GTmetrix YSlow

Якщо ви розширюєте елементи в GTmetrix і пов’язані з вашим CDN, зверніться до служби підтримки StackPath, яка повинна допомогти вам виправити їх. Вони зробили це для мене і мають неабияку підтримку.

Без доменів cookie MaxCDN

GTmetrix YSlow Без StackPath
GTmetrix YSlow Без MaxCDNGTmetrix YSlow із StackPath
GTmetrix YSlow With MaxCDN

Усунення несправностей StackPath

Крок 6: Білий список IP-адреси StackPath у своєму обліковому записі хостингу (можливо, вам потрібно буде зв’язатися з хостом).

StackPath-IP-адреси

14. Подавайте масштабовані зображення

Зображення можна оптимізувати на 20 способів, але це основні 3. Ви можете запустити будь-яку сторінку GTmetrix і він покаже всі неоптимізовані зображення для цієї сторінки. Почніть із зображень, які відображаються на декількох сторінках (зображення логотипа, віджета / колонтитулу), а потім оптимізуйте зображення на ваших окремих сторінках.

оптимізація зображень

Подавати масштабовані зображення – зміни розміру великих зображень на менший розмір. GTmetrix повідомляє вам правильні розміри. Просто натисніть на зображення в GTmetrix, змініть його розмір до нових розмірів і замініть його.

Подавати масштабовані зображення

Створіть шпаргалку, щоб ви могли використовувати правильні розміри раніше завантаження зображень:

  • Зображення слайдера: 1903 (ш) х 400 (год)
  • Зображення каруселі: 115 (год)
  • Зображення віджетів: 414 (w)
  • Зображення в блозі на повну ширину: 680 (w)
  • Рекомендовані зображення: 250 (ш) х 250 (год)

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

15. Вкажіть розміри зображення

Вкажіть параметри зображення – означає, що вам потрібно вказати ширину та висоту в HTML або CSS зображення. Зазвичай це відбувається у розділах віджетів, HTML або CSS вашого веб-сайту, оскільки візуальний редактор про це дбає автоматично. GTmetrix знову надасть вам правильні розміри, тоді вам потрібно знайти це зображення та вказати ширину + висоту:

Вкажіть параметри зображення

16. Без втрат стискати зображення

Оптимізуйте зображення – без втрат стискання зображень за допомогою Уявіть або ShortPixel (обидва є безкоштовними, поки ви не досягнете місячного ліміту). Є й інші абсолютно безкоштовні плагіни з необмеженим стисненням, але НЕ використовуйте їх, оскільки вони мають помилки, не працюватимуть або можуть зламати зображення.

  1. Зареєструйтесь Уявіть
  2. Встановіть Уявіть плагін
  3. Вам буде запропоновано вказані нижче інструкції:
  4. Введіть свій ключ API з облікового запису Imagify
  5. Встановіть рівень стиснення (нормальний, агресивний, ультра)
  6. Imagif`em all (фото нижче), оптом оптимізує всі зображення на вашому сайті
  7. Як тільки ви досягли свого ліміту, заплатіть 4,99 долара або почекайте наступного місяця, щоб скинути ліміт

уявити

Після реєстрації групова оптимізація всіх зображень на вашому сайті.

образ-wordpress-оптимізація зображень

17. Зовнішні ресурси

Зовнішні ресурси – це все, що стосується Google Fonts до вбудованих відео YouTube, плагінів соціального обміну, плагінів для коментарів, Gravatars чи будь-чого, що витягує інформацію із зовнішнього веб-сайту. Вони з’являться у звіті GTmetrix. Іноді ви можете їх оптимізувати, іноді не можете. Ось кілька речей, які я дізнався про оптимізацію зовнішніх ресурсів.

Поради щодо оптимізації зовнішніх ресурсів

GTmetrix-Реклама

Попередній вибір запитів DNS – це допомагає браузерам передбачати зовнішні ресурси, щоб вони швидше завантажувалися. Дивіться це список загальних доменів для попереднього вибору який включає в себе Карти Google, Google Analytics, Google Fonts, Gravatars, плагіни соціального обміну, Disqus, соціальні мережі та інші. Ви також повинні попередньо встановити свою CDN URL якщо ви використовуєте StackPath, KeyCDN або інший CDN.

Prefetch-DNS-Requests-WP-ракета

Якщо ви використовуєте WP Rocket, додайте їх у налаштування попереднього завантаження:

Prefetch-DNS-Запити

Якщо ви не використовуєте WP Rocket, використовуйте Плагін до * Підказки щодо ресурсів партії.

18. Видаліть Блат

WP Вимкнути дозволяє відключити налаштування в WordPress, які споживають процесор, і сповільнити ваш сайт. Він також має варіанти контролю серцебиття (якщо ви пам’ятаєте фактичне плагін управління серцебиттям, тепер ви можете видалити його та просто скористатися цим)… а також кілька інших варіантів, які можуть пришвидшити ваш веб-сайт / панель адміністратора. Пройдіть через налаштування та просто вимкніть те, що не використовуєте.

Поради щодо використання WP Disable

  • Вимкніть ВСЕ, що не використовуєте
  • Планування видалення спаму – хороша ідея
  • Emojis, Карти Google і Граватари тривати час на завантаження
  • Пінгбеки та треки зазвичай не варті додаткових ресурсів
  • Встановіть версії публікацій на 3-5, щоб у вас були резервні копії, але вам не потрібно сотні
  • Різні параметри на вкладці “запит” можуть покращити час завантаження

WP-Disable-Requests

WP-Disable-Tags-Settings

WP-Disable-Admin

/ WP-Disable-SEO.

WP-інваліди-інші

19. Мінімізуйте плагіни

Ви видалили плагін Hello Dolly та імпортер WordPress? Як щодо заміна що плагін Twitter із a Віджет Twitter або той плагін Facebook із a Віджет Facebook? Замість того, щоб використовувати плагін Google Analytics, чому б не вставити код відстеження безпосередньо у нижній колонтитул (а ще краще), розмістити його локально)? Yoast створює для вас файл sitemap XML, тому плагін Google XML Sitemaps не потрібен. Пройдіть свої плагіни та відключіть / видаліть ті, які вам не потрібні. Ви також повинні уникати використання двох окремих плагінів, якщо вони мають повторювані функції.

Видаліть усі плагіни, які вам не потрібні, і невикористані теми в розділі “Огляд” > Теми:

Видалити невикористані теми WordPress

20. Високі плагіни процесора

Більшість повільні плагіни WordPress включають обмін соціальними ресурсами, статистику (аналітика), слайдери, портфелі, розробники сторінок, календарі, чат, контактні форми, пов’язані публікації, мапу сайту, Wordfence, WPML, WooCommerce та будь-який плагін, який виконує поточні сканування чи процеси. Їх можна визначити за допомогою монітора запитів або водоспаду GTmetrix.

  1. Додайте це
  2. Моніторинг шахрайства щодо натискань AdSense
  3. Календар подій “все в одному”
  4. Резервний приятель
  5. Бівер будівельник
  6. Краще WordPress Google XML мапи сайту
  7. Перевірка зламаної посилання (використовуйте доктор перевірка посилання)
  8. Постійний контакт для WordPress
  9. Контактна форма 7
  10. Контекстуально пов’язані повідомлення
  11. Digi Auto Links
  12. Система коментарів Disqus
  13. Divi Builder
  14. Основна сітка
  15. Переглянути повний список із 65 повільних плагінів

Ви також можете скористатися вкладкою водоспаду GTmetrix, щоб побачити свої найповільніші плагіни:

Повільний плагін WordPress

Вимкнути параметри не використаних плагінів
Перегляньте кожен із своїх плагінів і вирішіть, які налаштування можна вимкнути (це знизить процесор). Наприклад, у Yoast у розділі Налаштування > Загальні > Особливості Я відключив наступне…

Yoast-Feature-Settings

Приклади

  • Звіти про трафік Wordfence в прямому ефірі
  • Поточні сканування перевірених посилань
  • Плагіни чату та календаря, які працюють постійно
  • Статистичні плагіни, які постійно збирають дані
  • Пов’язані публікації та популярні плагіни публікацій, які зберігають тонни даних
  • Вимкніть ВСІ налаштування, які ви не використовуєте, оскільки багато споживатимуть процесор

21. Легкі плагіни

Соціальний обмін – Ракета WP тест показали Перо соціальних медіа, МонархПроста загальна кнопка Гадюка, і MashShare мали найменшу кількість запитів і найшвидший час завантаження.

Резервне копіюванняUpdraftPlus.

ПовзункиСолівок, LayerSlider, або Метеорні повзунки.

КоментаріУмовне навантаження Disqus.

ПортфоліоГалерея Енвіра, FooGallery, або Сітка.

Аналітика – Google Analytics і пошукова консоль має бути багато. Просто переконайтеся, що ви розміщуєте Google Analytics на локальному рівні (використовуючи WP Rocket або WP Disable).

СторінкиWordPress Page Builder від MotoPress, але жоден конструктор сторінок не працює швидше, ніж рідний редактор WordPress. Поєднайте це з Плагін-копіювач і вам не знадобиться конструктор сторінок (включаючи розробників сторінок, вбудованих у теми WordPress). Якщо тільки ваша команда абсолютно не відмовляється навчись трохи HTML (найпростіша мова кодування), уникайте розробників сторінок.

Плагіни StudioPress – легкі плагіни для Genesis Framework.

22. Вибіркове вимкнення плагінів

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

Приклади:

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

Подібні плагіни

23. Блокувати поганих ботів

Пошукові системи та боти зазвичай споживають найбільше процесор / пропускну здатність:

Роботи-павуки-пропускна здатність

Wordfence має правила обмеження швидкості сканування що блокує підроблені сканери Google, обмежує кількість переглядів сторінок сканера, обмежує перегляд сторінок людини та інші правила, що обмежують використання процесора та блокують спамерів..

Wordfence-Rate-Limiting

Googlebot, як правило, бот, який найбільше відчуває ресурси. В налаштування сайту з Пошукова консоль Google Ви можете обмежити швидкість сканування, але це рекомендується, лише якщо це викликає високий процесор.

Скануйте-Оцініть Google-консоль пошуку

Ви можете зробити те ж саме в налаштування контролю сканування з Bing Інструменти для веб-майстрів

Bing-сканування-контроль

У цьому наступному розділі ви знайдете, як використовувати Wordfence для пошуку та блокування спам-ботів, які занадто сильно потрапляють на ваш сайт (що може споживати процесор і стрес на вашому сервері.

Крок 1: Встановити Wordfence.

Крок 2: Перегляньте своє звіт про рух трафіку (у налаштуваннях Інструментів Wordfence), де відображаються всі боти, які відвідують ваш сайт у режимі реального часу. Googlebot, очевидно, добре, але коли я це зробив, я бачив, як compute.amazonaws.com робить кожні пару секунд смішну кількість запитів. Я перекосив його і, звичайно, це бот, відомий тим, що набирає пропускну здатність. Перегляньте свій звіт протягом хвилини-двох і побачите, чи боти зі схематичними іменами постійно потрапляють на ваш сайт. Якщо у вас є сумніви, Google імена своїх хостів і перевірять, чи є у інших людей проблеми з цим ботом.

Live-Traffic-Report-Wordfence

Крок 3: Перейдіть до налаштувань Блокування Wordfence та додайте спам-ботів, які ви хочете заблокувати. Зірочки служать символами підстановки, тому якщо я заблокую * amazonaws.com *, це означає, що будь-які імена хостів, що містять amazonaws.com (будь-які символи до або після нього), будуть заблоковані. Я врятував тисячі запитів / пропускної здатності, просто заблокувавши ці два спам-імена хостів:

  • * amazonaws.com
  • * linode.com

Wordfence-Блокування-Правило

Крок 4: Перейдіть до свого журналу блокування та насолоджуйтеся переглядом цих спам-ботів.

Wordfence-Брандмауер-блокування

The Блокуйте плагін Bad Bad Queries також захищає ваш сайт від відомих поганих ботів. Це плагін “одним клацанням і виконанням” із ідеальним оглядом 5 зірок – простий спосіб зменшити процесор від спам-ботів.

Блокові-погані запити

24. Уникайте AMP

AMP – це проект Google, який дозволяє мобільним сторінкам завантажуватися швидше, додаючи штамп “AMP” до фрагментів мобільних пристроїв. Хоча це покращує ефективність роботи, воно також змінює дизайн вашого мобільного сайту, що може зменшити кількість конверсій. Kinsta зробив тематичний випадок, коли мобільний потенціал знизився на 59%, коли вони додали AMP, тому вони відключили його (і прочитавши цю статтю, я також відключив міну).

підсилювачі

Попередження: AMP може скинути ваші мобільні конверсії – використовуйте обережно!

Інструкції

  • Встановіть Плагін AMP від Automattic (додає сторінки AMP)
  • Встановіть Клей для плагіна Yoast SEO AMP якщо ви використовуєте Yoast (налаштовує дизайн)
  • Додайте / підсилювач / на будь-яку сторінку вашого веб-сайту, щоб побачити, як вона виглядає і переконайтеся, що вона працює
  • Перейдіть у Налаштування Yoast → AMP, щоб змінити дизайн та включити власні типи публікацій
  • Зачекайте, поки Google переробить ваш сайт і додайте знак AMP в результати пошуку для мобільних пристроїв
  • Відвідайте розділ прискорених мобільних сторінок на консолі пошуку Google щоб побачити помилки
  • Ввімкнути Прискорені мобільні посилання у налаштуваннях швидкості Cloudflare (див. нижче)

Cloudflare прискорені мобільні посилання

Поширена проблема – це образи, що з’являються у верхній частині публікацій, коли ви, можливо, також не хочете їх. Для цього є робота, але вона не є досконалою. У вас може бути відсутність зображеного зображення, або ви можете встановити типовий параметр, представлений у Yoast, в розділі SEO → AMP → Дизайн → Зображення за замовчуванням. Це зображення за замовчуванням відображатиметься, якщо встановлено НЕ зображене зображення, але якщо воно є, саме це відображатиметься у верхній частині публікації. Можна читати Посібник з AMP Yoast але я в основному просто підсумував це.

25. Граватари

Граватари знайдіть довгий час для завантаження, особливо якщо у вас є багато коментарів у блозі (спробуйте запустити публікацію з коментарями через GTmetrix, і ви побачите, як це погано). У вас є кілька варіантів:

  • Приймайте Gravatars локально Аватар користувача WP
  • Вимкнути Gravatars повністю
  • Установіть значення Gravatar за замовчуванням
  • Видаліть коментарі, які не додають цінності
  • Встановіть Gravatar за замовчуванням на спеціальне зображення на вашому сервері
  • Обмежте зображення Gravatar меншими розмірами (наприклад, 32 пікселів)
  • Паглікація коментарів у WP Вимкнено, щоб показувати лише 20 коментарів одночасно
  • Спробуйте кешувати Gravatars за допомогою FVГаррі, або Оптимальний кеш-граватар

26. WooCommerce

На сайтах WooCommerce запущені додаткові сценарії, стилі, фрагменти кошика, і зазвичай їм потрібно більше плагінів. Ось чому, вибираючи план хостингу, зазвичай слід купувати один рівень того, що вам потрібно, щоб розмістити додаткові ресурси, які часто потрібні для WooCommerce.

Фрагменти кошика WooCommerce

Стилі WooCommerce у моніторі запитів

Поради щодо оптимізації WooCommerce

  • Вимкніть фрагменти кошика за допомогою цього Код Github
  • Вимкніть сценарії WooCommerce, використовуючи це Код Github
  • Вимкніть стилі WooCommerce за допомогою Підручник WooCommerce
  • Очистіть сеанси клієнта та періодично видаляйте перехідні періоди
  • Сайти WooCommerce вимагають більше ресурсів, тому виберіть відповідний план хостингу

Але найпростішим способом оптимізації WooCommerce є використання Плагін Perfmatters автор: Kinsta:

оптимізація зовнішньої комерції

27. Додайте SSL

Немає причин не використовувати SSL, коли шифрування SSL Let’s пропонують його безкоштовно в більшості облікових записів хостингу. Я неохоче мінявся і побоювався падіння трафіку, але мій трафік залишився точно таким же. Дійсно простий SSL також робить його налаштування дуже простим. Якби ви цього не зробили, я б це зробив.

siteground-lets-encrypt-ssl

28. Обмеження поправок після публікації

Додайте це до файлу wp-config перед тим, де на ньому написано “Все, припиніть редагувати! Щасливого ведення блогів ». Perfmatters також дозволяє обмежувати зміни публікацій, які накопичуються з часом у вашій базі даних.

визначити (‘WP_POST_REVISIONS’, 3);

29. Вимкнути пінгбеки + треки

Вони не потрібні, тому вимкніть їх у Налаштуваннях > Обговорення.

Відкликання WordPress

30. Перевірте AWStats на високий процесор

AWStats це інструмент, вбудований у деякі хостинг cPanel, який надає статистику щодо використання процесора. Він говорить вам, чи певні боти, зображення, завантажені файли і навіть IP-адреси споживають багато процесора. Ви також можете використовувати Плагін WP Server Stats але я думаю, AWStats робить приголомшливу роботу.

AWStats допоможе вам знайти:

  • Гусениці з високою пропускною здатністю
  • IP-адреси з високою пропускною здатністю
  • Файли для завантаження з високою пропускною здатністю
  • Файли з високою пропускною здатністю (наприклад, зображення)
  • Загальне використання пропускної здатності (для моніторингу)

Щомісячна пропускна здатність

31. Відкладіть розбір JavaScript

Резервне копіювання вашого function.php файл, а потім додайте до нього цей код – тоді все закінчено. Двічі перевірте свій сайт, щоб переконатися, що все виглядає / функціонує належним чином. Якщо це все ще не виправлено елемент у Pingdom, спробуйте Сценарії до додаткового колонтитула. Цей крок може вимагати тестування та використання різних варіацій коду, але я запозичив код у Ця стаття якщо ви хочете отримати більше роз’яснень.

if (! (is_admin ())) {
функція defer_parsing_of_js ($ url) {
якщо (FALSE === strpos ($ url, ‘.js’)) повернути $ url;
якщо (strpos ($ url, ‘jquery.js’)) повернути $ url;
// повернути "$ url ‘відкладати ";
повернення "$ url ‘defer onload =’";
}
add_filter (‘clean_url’, ‘defer_parsing_of_js’, 11, 1);
}

32. Додати заголовки закінчується

Більшість плагінів кеш-пам’яті повинні вирішувати це автоматично, коли ви включити кешування браузера (наприклад, WP Rocket і W3 Total Cache). Але якщо “додати заголовки закінчується” все ще відображається у вашому звіті Pingdom на вкладці YSlow, додайте цей код у верхню частину свого .htaccess …

Термін дії закінчується
ExpiresByType text / css "доступ плюс 60 днів"
ExpiresByType text / javascript "доступ плюс 60 днів"
ExpiresByType image / ico "доступ плюс 60 днів"
ExpiresByType image / jpg "доступ плюс 60 днів"
ExpiresByType image / jpeg "доступ плюс 60 днів"
ExpiresByType image / gif "доступ плюс 60 днів"
ExpiresByType image / png "доступ плюс 60 днів"
ExpiresByType text / css "доступ плюс 60 днів"
ExpiresByType text / html "доступ плюс 60 днів"

33. Видаліть рядки запитів

Цей предмет був болем у попці для багатьох людей (включаючи мене). На щастя, кілька останніх оновлень були зроблені найпопулярнішими плагінами кешу, які дозволяють легко виправити “видалити рядки запитів із статичних ресурсів“У вашому GTmetrix та інших звітах про швидкість. Однак більшість рядків запитів створюються плагінами (що ви можете побачити у звіті GTmetrix), тому абсолютно важливо використовувати лише легкі плагіни та негайно перевірити їх..

Ракета WP є опція на вкладці “оптимізація файлів”:

Remove-Query-Strings-From-Static-Resources

W3 Total Cache має опцію для цього в розділі Ефективність → Кеш браузера:

Видаліть рядки запитів із статичних ресурсів

WP Disable має опцію на вкладці «запити»:

Remove-Querystings-WP-Disable

Видаліть рядки запитів із плагіну статичних ресурсів – Ви також можете спробувати цей безкоштовний плагін.

34. Мінімізуйте перенаправлення

Зазвичай означає, що ви змінили www або http версію свого веб-сайту, але ви не змінили свої посилання / зображення, щоб відобразити це. Спробуйте скористатися Кращий пошук & Замініть плагін закріплювати їх оптом.

мінімізувати переадресації

35. Легка тема

Якщо ваш сайт WordPress повільний з самого початку, це, мабуть, або ваш хостинг, або тема. Я пам’ятаю, як розробляв веб-сайт за допомогою Тема юридичного бізнесу і це було так мало, що мені довелося подряпати весь веб-сайт і почати спочатку використовувати Тема Executive Pro від StudioPress. Це пов’язано з поганим кодуванням розробником теми або занадто багато непотрібних вбудованих функцій.

Теми StudioPress вони легкі (вони завантажуються швидко), чуйні, HTML5, безпечні та надійні (вони не будуть лаятись і не припиняти роботу, як деякі теми ThemeForest). Ними користуються понад 200 000 людей, їх теми вбудовані в Рамка генезису (рекомендується засновником Yoast та WordPress Метт Малленвег), плюс вони є легкі плагіни Genesis.

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

studiopress-теми

36. Контролюйте ресурси сервера

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

Порівняння SiteGround-сервера-ресурсів

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

Збільшення хмарної пам'яті

37. Оновіть WordPress

Оновіть ядро, тему, плагіни та рамки WordPress, якщо ви користуєтесь ними (наприклад, Genesis).

Оновлення WordPress

Перевірте свій хостинг cPanel, щоб побачити, чи є можливість автоматичного оновлення:

Автоматичні оновлення WordGress SiteGround

Genesis Framework також має такий варіант:

Автоматичні оновлення Genesis

38. Знайдіть найповільніші сторінки

Ви можете скористатися Google Analytics, щоб знайти час завантаження (та рекомендації) для своїх найбільш переглянутих сторінок та найповільніших сторінок завантаження. Увійдіть до Google Analytics і ліворуч перейдіть до сторінки Поведінка → Швидкість сайту → Пропозиції щодо швидкості. Клацніть на “Пропозиції щодо швидкості сторінки”, щоб переглянути рекомендації, хоча я б сказав, що рекомендації GTmetrix зазвичай краще.

Пропозиції щодо швидкості - Google-Analytics

39. Хостинг хмарних доріг

Якщо ви шукаєте щось швидше, ніж спільний хостинг, більшість людей стрибають Хмарні доріжки. Вони є хмарним хостингом (не спільним) і навіть швидше, ніж SiteGround. Компроміс – їх підтримка не настільки хороша, як SiteGround, керувати трохи складніше, і вони не надають хостинг електронної пошти. Але якщо ви шукаєте чистої швидкості, вони також були оцінені №1 у багатьох опитуваннях у Facebook. Більшість людей використовують їх План DigitalOcean який починається від 10 доларів на місяць.

Для спільного хостингу, SiteGround чудово підходить. Але їх хмарний хостинг є досить дорогим за $ 80 / місяць, коли за ту ж ціну в Cloudways ви отримуєте майже вдвічі більше CPU + RAM.

Ви також платите щомісяця замість щорічно, що приємно.

SiteGround-vs-Cloudways-Cloud-хостинг

Люди, які перейшли на Cloudways (або одного з постачальників хмарних послуг):

Часи реагування на Cloudways

WP двигун до Cloudways

Звіт про DigitalOcean Pingdom

Часи відгуку сервера Cloudways

Годді до міграції цифрових океанів

Поліпшення часу завантаження хмарних шляхів

Cloudways vs WP Engine

Без назви

Часи завантаження Pingdom у хмарочосах

Звіт Pingdom про хмарні шляхи

Назвіть назву на міграцію хмарних шляхів

Міграція Вультера

Міграція Cloudways WooCommerce

Міграція AWS Cloudways

Також №1 у багатьох опитуваннях у Facebook:

Рекомендації щодо хостингу Facebook

VPS хмарний хостинг WooCommerce опитування

Рекомендації щодо хостингу елементів

2017-WordPress-хостинг-FB-опитування

Опитування хмарного хостингу VPS

Пропозиції щодо хостингу WordPress

Улюблений хостинг для елемента

2016-WordPress-хостинг-FB-опитування

Ви можете заощадити 25% за перші 2 місяці за допомогою Cloudways, скориставшись цим промо-кодом: OMM25.

40. Найміть мій оптимізатор швидкості WordPress

Потрібна допомога у звіті GTmetrix / Pingdom? Я працюю з Usama (i333) з 2005 року. Він допоміг мені оптимізувати власний сайт та велику кількість сайтів клієнтів. Ви можете найняти його, створивши профіль на freelancer.com (Буду вдячний, використовуючи це посилання на афі) та знайшовши його профіль. Він – 60 доларів на годину з Пакистану (тому є зміна часу), але він має 459 відгуків із ідеальними 5 зірками. Лише серйозні запити, і не сподівайтесь на 100% балів, якщо ви використовуєте повільний хостинг, роздуту тему та великі плагіни. Спершу дотримуйтесь цього посібника зі швидкості WordPress.

i333 Експерт з оптимізації швидкості WordPress

Часті запитання

&# x1f680; Назвіть найважливіші фактори швидкості?

Хостинг, плагін кеш-пам’яті, оптимізація зображень, оптимізація плагінів та використання зовнішніх скриптів зазвичай є першими 5 факторами швидкості веб-сайту..

&# x1f680; Який плагін кеша слід використовувати?

WP Rocket, як правило, оцінюється як найвищий плагін кешу на опитуваннях у Facebook, оскільки він має вбудовані функції у більшості плагінів кешу. Ці додаткові оптимізації повинні дати кращі результати та час завантаження в GTmetrix, але це плагін преміум-класу. Найпопулярніші додатки безкоштовного кешу – Swift Performance, W3 Total Cache та WP Fastest Cache.

&# x1f680; Який хостинг WordPress ви повинні використовувати?

Найкращий хостинг є дуже дискусійним, але SiteGround та Cloudways, як правило, є двома найбільш рейтинговими хостами WordPress у понад 30+ опитуваннях у Facebook. SiteGround хороший для спільного хостингу, а Cloudways – для хмарного хостингу.

&# x1f680; Який інструмент тестування швидкості слід використовувати?

GTmetrix має найбільш надійні рекомендації, особливо коли йдеться про оптимізацію зображень, пошук повільних плагінів на вкладці Водоспад та вимірювання часу до першого байта. Pingdom не має стільки рекомендацій, а Google PageSpeed ​​Insights навіть не вимірює час завантаження.

&# x1f680; Як оптимізувати зображення?

Ви можете оптимізувати зображення за допомогою плагіна, як ShortPixel або Smush, щоб стискати зображення та знімати EXIF-дані. Переконайтеся, що ви змінюєте розмір зображень до правильних розмірів, і в ідеалі подайте їх із CDN. Ледаче завантаження зображень та відео також зробить сторінку швидшою.

&# x1f680; Якщо ви використовуєте AMP?

Як правило, вам слід уникати AMP (прискорених мобільних сторінок), оскільки зміни дизайну можуть знижувати конверсії. Конверсії Kinsta знизилися на 59% після додавання AMP, і вони вирішили їх усунути.

&# x1f680; Як оптимізувати плагіни?

Знайдіть плагіни високого рівня процесора за допомогою Монітора запитів, який зазвичай включає портфелі, статистику, слайдери та плагіни, які запускають поточні процеси. Далі замініть їх легкими плагінами, які споживають мінімальні ресурси. Видаліть усі плагіни, якими ви не користуєтесь, і відключіть непотрібні настройки плагінів, які споживають ресурси. Нарешті, вибірково відключіть плагіни для завантаження певного контенту за допомогою плагіна, як-от Asset Manager або Perfmatters.

&# x1f680; Як оптимізувати зовнішні сценарії?

Найкраще уникати зовнішніх скриптів разом, таких як Google AdSense, віджети Facebook та плагіни, які створюють зовнішні запити. Деякі плагіни, такі як Disques, дозволяють завантажувати його умовно. Якщо сторінка містить JavaScript, спробуйте плагін Async JavaScript. Нарешті, попередньо виберіть усі зовнішні URL-адреси, які завантажуються на сторінку.

Сподіваюся, це допомогло! Залиште свої нові оцінки GTmetrix + рази завантаження в коментарях :-)

Ура,
Том

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map