Швидкість завантаження сторінки SEO - як прискорити веб-сайт »SEO Guy NZ

1. Оптимізуйте зображення - розмір і стиск
2. Як оптимізувати зображення веб-сайту
3. Пакетна обробка існуючих зображень на масовій основі
4. Збільшення швидкості веб-сайту за допомогою кешування
5. Які плагини кешування найкраще працюють?
6. Додатки - вплив на час завантаження сторінки
7. Плагін Profiler
8. Модулі безпеки
9. Контроль серцебиття
10. Складність домашньої сторінки
11. Приклад - Цей сайт
12. Посилання:

Швидкість завантаження сторінки пов'язана з багатьма факторами SEO, які впливають на ефективність рейтингу на всіх веб-сайтах. Як прискорити час завантаження сторінок на веб-сайті, важливим питанням стало те, що Google почав розглядати цей аспект як частину процесів ранжування. Коли вони сказали: «Павутина має бути швидкою», вони не жартували. Тільки на цій підставі, обрізка вірусів з WordPress та інших установок CMS, а також оптимізація зображень тощо, має багато сенсу! Незважаючи на те, що це може забезпечити лише помірне підвищення рейтингу, скорочення часу навантаження безумовно не є єдиною причиною для зменшення розмірів сторінки. Ніхто в світі не любить сторінки з повільним завантаженням - ще в 2014 році середній розмір сторінок 1000 найбільших сайтів пройшов 1600k (1.6 Mb). До 2016 року середній розмір склав 2,3 Мб (* 1), а в 2017-му - 3 Мб, багато сторінок перевищують. Я регулярно зустрічаю сайти, де домашня сторінка перевищує 20 Мб…

Такі надмірно пухкі сайти дещо боляче завантажувати на мобільному пристрої в мережах 3G або 4G! А для більшості сайтів найбільший відсоток відвідувачів використовує певний тип мобільних пристроїв.

Для багатьох сайтів малого бізнесу метою має бути розмір сторінки до 1 Мб, і Google каже, що прагнути до часу завантаження вище від 1 секунди.

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

Переглянуто : Грудень 2017

Є багато питань, які необхідно враховувати в загальній схемі речей, коли ви починаєте роздумувати, як прискорити роботу веб-сайту та швидкість завантаження сторінки… Ось послідовність, яку я пропоную… * 2

1. Бенчмаркінг - перевірте свій сайт на тестування, описане нижче. Почніть тут, тому що він дає вам базові точки, які потрібно для вимірювання впливу всього, що ви робите.
2. Розміри зображень - зазвичай, це найшвидший спосіб зробити найзначніші поліпшення. Переконайтеся, що всі зображення правильно встановлені та стислі. Коли задаються розміри пікселів зображення (висота і ширина), вміст тексту обертається навколо простору зображення перед його завантаженням. Використовуйте плагін "lazy load", щоб відображати лише зображення, коли вони входять у вікно перегляду. Shortpixel відмінно підходить для пакетної обробки всіх існуючих зображень, див. Деталі нижче.
3. Кешування - якщо ви ще не встановили кешування, зробіть це зараз. Я б рекомендував, починаючи з WP Rocket Cache на сайті WordPress, тому що він порівняно простий у використанні. З мого власного досвіду вона забезпечує кращу продуктивність, ніж конкуренти. (* 3)
4. Плагіни - запустіть P3 Plugin Profiler так, щоб ви знали, де серверні ресурси найбільше потрапляють, а потім шукайте альтернативи. Видаліть будь-які, які не є абсолютно необхідними.
5. Складність домашньої сторінки - багато сайтів відкривають безліч нещодавніх повідомлень, 10 найпопулярніших посад, повідомлень з різних категорій, коментарів, розміщених сторінок, а також інших вмісту, що базуються на базі даних. Деякі вступні до змісту розділи є важливими як для відвідувачів, так і для рейтингу пошукових систем… Але пам'ятайте, що кожен елемент складається з точки зору загальних запитів до бази даних і розмірів сторінок.

Для того, щоб визначити вплив додаткових змін, потрібні засоби вимірювання. Хоча один інструмент тестування в порядку, два або три краще. Це пояснюється тим, що, хоча результати можуть відрізнятися між послугами вимірювання, узгодженість у висхідних або низхідних тенденціях у багатьох місцях дає набагато кращу картину. З цією метою існує п'ять служб, які я регулярно використовую, а саме:

1. Google Page Speed ​​Insights : забезпечує хороший аналіз того, як Google оцінює ефективність даної сторінки. https://developers.google.com/speed/pagespeed/insights/
2. Pingdom : пропонує моніторинг продуктивності веб-сайту з 3 варіантів тестових майданчиків; Амстердам, Нью-Йорк або Даллас. Його швидко, з короткими зведеними звітами, підкріпленими докладними даними про водоспад, які повільно показують, які частини вашого сайту завантажуються. Подивитися; https://tools.pingdom.com/
3. GT Metrix : безкоштовна служба аналізу швидкості веб-сайту тестує доступ з декількох країн: https://gtmetrix.com
4. Dotcom Tools : Dotcom проводить одночасні тести швидкості завантаження веб-сайтів на 20 + тестових сайтах у декількох країнах: https://www.dotcom-tools.com/website-speed-test.aspx
5. WebPageTest - для власників сайтів NZ, їх найближчий тестовий сервер знаходиться в Сіднеї; https://www.webpagetest.org

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

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

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

Кожне зображення на всьому сайті має бути оптимізовано для покращення ефективності веб-сайту. Фонові зображення можуть бути надзвичайно великими і вставляти 1400 x 1000 піксельних зображень, які не стискаються, а потім "масштабуються, щоб відповідати" - це хороший спосіб убити продуктивність вашого сайту.

Зображення JPG пропонують найкращу продуктивність:

• Розміри зменшуються до максимального розміру, на якому вони відображатимуться
• Стиснути принаймні на 10% - і в більшості випадків понад 30%, що все ще забезпечує хорошу якість зображення
• Вкажіть свої розміри на сторінці / сек, в якій вони відображаються

Як оптимізувати зображення веб-сайту

Там, де ви бачите рекомендації в результатах GT Metrix, що стосуються «оптимізації зображень», ви повинні переглянути список, щоб побачити, чи є якісь великі, які можна обробити.

Примітка: GT Metrix також містить більш ніж корисну інформацію - під кожним зображенням, яке можна оптимізувати, вони дають вам посилання на оптимізовану версію файлу. Це особливо корисно для файлів PNG, які трохи складніше стиснути ...

• Натисніть кнопку "Див. Оптимізовану версію", і вона відкриє стиснений файл у новому вікні
• Клацніть правою кнопкою миші на зображенні і виберіть "Зберегти як" - змініть назву, щоб вона відповідала оригіналу
• Використовуйте FTP для завантаження оптимізованої версії у потрібне місце

Робити це один за одним може спалювати багато часу, і є простіший спосіб!

Пакетна обробка існуючих зображень на масовій основі

Є хороші плагіни для автоматичної обробки зображень на вашому веб-сайті, такі як WP Smush і Imagify. Мій улюблений від хлопців на Shortpixel - https://shortpixel.com . За промовчанням встановлено обмеження на кількість зображень, які можна обробляти на місяць, тому я купую 50 000 графічних планів за $ 30 - ви також можете запустити плагін на декількох сайтах і поділитися цим 50k розподілом зображень між ними!

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

Shortpixel робить невелику роботу з управління бібліотекою зображень!

Вкажіть розміри зображень : також перевірте кожне зображення, яке ви додали на сторінці, щоб побачити, чи масштабується це зображення. У Firefox правою кнопкою миші на зображенні відображаються такі деталі;

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

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

Збільшення швидкості веб-сайту за допомогою кешування

Документ, написаний у 2010 році, ясно продемонстрував переваги кешування на продуктивність (* 1), завдяки чому кешування на виміряному розміщенні зберегло 81 відсоток байтів і 75 відсотків запитів. Необхідність збільшується з кожним збільшенням до середнього розміру завантаження сторінки, а Google оцінює ваш сайт новими способами ...

У середовищі WordPress існує декілька тривалих і шанованих плагінів кешування, які доступні безкоштовно. Можливо, найбільш відомими є халяви; W3 Загальний кеш, WP Super Cache і швидкий кеш. Я використовував всі три різних веб-сайтах протягом декількох років.

Для всіх сайтів, якими я керую зараз, я встановлюю плагін WP Rocket Cache для преміум-класу і для цього використовую ліцензію Dev. Виняток становлять сайти на сервері Litespeed, і для цього я використовую офіційний плагін кешування Litespeed.

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

Які плагини кешування найкраще працюють?

В одному вичерпному тестовому прикладі сайт Asian-Recipe.com був запущений WP Super Cache протягом декількох років, і було встановлено 38 плагінів. Загальний розмір домашньої сторінки становив 1,7 Мб, і він генерував близько 130 + запитів на завантаження сторінки… Незважаючи на те, що WP SC працює з mod_rewrite, minify, preload тощо, встановлення W3TC дало негайне та значне поліпшення. Розмір сторінки значно зменшився, запит скоротився з 130 + до 37, і показники швидкості сторінки та YSlow були підвищені. Висновок того часу, W3 TC був значно кращим.

Наступні нотатки : липень 2015 року

• Я управляю великою кількістю сайтів і майже всі вони мають встановлений на них W3 TC. За останні три дні у мене є 3 сайти, які раптом почали генерувати 403 помилки для Google і інших ботів - але не людей. Що безпосередньо пов'язано з W3 TC - як тільки я його вимкну, помилки зникають. Кричуща жаба SEO Павук бачить ті ж питання - 403 на домашній сторінці, не може піти глибше ...
• Після цього я придбав копію WP-Rocket для великого сайту WP з форумом bbPress - 15 000 тем, 7 000 учасників та початкові тести показують, що він дійсно працює виключно добре. Ліцензія розробників може бути гарним рішенням… (це було, тепер WP Rocket Cache встановлюється на всіх сайтах, якими я керую)

Примітка : існує явна різниця між W3 TC і WP Rocket;

• WP Rocket швидше, якщо на вашому сервері встановлені інструменти Gzip (mod_deflate), а ви самі стискаєте зображення сайту
• Якщо ваш сервер старий і / або не вистачає Gzip і т.д., здається, що W3 TC має вбудовані інструменти для виконання цієї мети

Додатки - вплив на час завантаження сторінки

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

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

Крім того, ви повинні запустити перевірку посилань, виправити помилки, а потім вимкнути його!

Плагін Profiler

Godaddy надає P3 Plugin Profiler, відмінний інструмент для оцінки того, які плагіни на вашому сайті зависають над ресурсами. Це дає хороші підказки про те, як прискорити завантаження веб-сайту у відмінну графіку кругової діаграми, яку вона виробляє. Вони показують;

• відсоток завантаження сторінки, що споживається плагінами загалом
• відсоток завантаження сторінки, що споживається кожним плагіном

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

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

• І все в одному SEO Pack і Yoast SEO мають генератор карт XML сайту, що виключає необхідність окремого плагіна для цієї мети.

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

Я спробував Jetpack тільки з пов'язаними повідомленнями і як кнопки активовані, але він також перевищив 300k і генерував дуже багато додаткових запитів!

Пов'язані повідомлення плагіни : вони можуть бути дуже серйозними, і час написання цього я в основному використовувати контекстні повідомлення.

Lite Plugins : Термін "Lite" може не обов'язково стосуватися набору функцій плагінів! Хоча часто використовується для розрізнення вільних і про-версій плагіна, він також використовується для опису приміщень і використання ресурсів… Відмінності між двома плагінами, що обслуговують одну й ту ж мету, можуть бути надзвичайними! Як приклад, я витратив цілий час на переробку часу завантаження сторінок для кнопок "Подібні публікації" і "Соціальні медіа".

Модулі безпеки

Деякі плагіни безпеки, такі як мої улюблені Wordfence, включають функції, які не потрібно постійно запускати; насамперед, реєстрація в реальному часі, сканування за межами WordPress, сканування файлів зображень і ультра-чутливі режими.

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

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

Примітка. Ознайомтеся з додатковою інформацією про модулі безпеки та керування серцевим ритмом тут: - https://www.theseoguy.co.nz/how-to-secure-wordpress-against-hacking/

Складність домашньої сторінки

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

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

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

І навпаки, якщо ви є новозеландським бізнесом, орієнтованим на клієнтів у США , було б доцільно розмістити свій сайт на сервері в США! Це може скоротити час завантаження сторінки на 5 або більше секунд! Це різке поліпшення І витрати на хостинг, ймовірно, виявляться менш дорогими ...

Приклад - Цей сайт

Цей сайт розміщений на сервері в Окленді, Нова Зеландія і оптимізований за допомогою кешу WP Rocket і плагіна оптимізації зображень Shortpixel. Це має;

• Час завантаження в півтора секунди в NZ
• Приблизно 2 секунди в Сіднеї, Австралія.
• Відвідувачі в США побачать час завантаження сторінки 5 або 6 секунд!

Враховуючи те, що більшість моїх клієнтів - це нові країни Нової Зеландії та австралійські малі підприємства.

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

Посилання:

1. * https://www.keycdn.com/support/the-growth-of-web-page-size/
2. * http://gtmetrix.com/wordpress-optimization-guide.html
3. * http://premium.wpmudev.org/blog/best-wordpress-caching-plugins/