Як прискорити сайт WordPress за допомогою CDN77

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


Першим кроком у нашому путівнику стане створити обліковий запис CDN77. Якщо у вас ще немає облікового запису, CDN77 пропонує безкоштовну пробну версію 14 днів. Реєстрація займає всього кілька хвилин. Тоді ми фактично створимо CDN Resource, натиснувши Створити новий ресурс CDN (на вкладці CDN). Для цієї статті ми збираємось впровадити CDN у блозі з фільмами, який розміщується в Центрі обробки даних у Лас-Вегасі.

cdn77-з wordpress-03

Оскільки ми збираємось реалізувати повноцінне рішення HTTPS, ми будемо використовувати новий “HTTPS” на CDN77. Ця опція забезпечує передачу даних з вашого хост-сервера на сервер CDN.

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

cdn77-з-wordpress-04

Як налаштувати SSL на CDN77

Ми можемо встановити безкоштовний сертифікат SSL двома способами. Ми можемо використовувати спільний сертифікат SSL для піддомену на xxx.c.cdn77.org або використовувати власний CNAME (див. Малюнок вище). Загалом, ми рекомендуємо використовувати CNAME на зразок cdn.yoursite.com.

Якщо ви звертаєтесь до спільного рішення CDN77, не потрібні подальші кроки для належного функціонування піддомену SSL.

У цьому випадку ми створимо CNAME. Це означає, що вміст нашого веб-сайту буде доступний миттєво через HTTPS, якщо ми замінимо наш сайт cdn.ourdomain. Що стосується CDN77, отримання SSL – це питання кількох клацань.

Підкрутити !

Після створення ресурсу перше, на що слід звернути увагу, – це меню Інші налаштування. Якщо ви збираєтесь використовувати HTTPS, обов’язково потрібно підтримувати HTTP / 2. Підвищення швидкості між звичайними HTTP / 1.x та HTTP / 2 величезна. CDN77 працюватиме в режимі HTTP / 2 у вашому ресурсі HTTPS за замовчуванням, скорочуючи час навпіл.

Якщо ви переходите через HTTPS, вам також потрібно зробити переспрямування 301, щоб відповідати стандартам google для HTTPS, увімкнути переспрямування HTTPS.

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

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

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

Чому б не використати CDN для Javascript та CSS, ти гайок??

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

Файли CSS і Javascript дуже важливі для завантаження веб-сайту в будь-який браузер, і вони не повинні бути предметом кеш-механізму, як у службі CDN. Хоча ви можете створити статичний ресурс на CDN, щоб скинути ці важливі файли. Це більш досконала методика, яка вимагатиме від вас налаштувати WordPress на рівень, що виходить за рамки цього підручника.

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

cdn77-з wordpress-07

CDN77 забезпечує зручний спосіб включення / відключення кожного вузла їх мережі. Сенс полягає в ретельному виборі, які вузли найбільш активно використовуються. Це легко з’ясувати, просто слідкуйте за своїми читачами.

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

Коли ви вперше тестуєте продуктивність свого сайту, очищення та попередній витяг може бути корисним. Purge виштовхне певний вміст із мережі CDN, це зручно, якщо ви зміните вміст і вам потрібно очистити кеш для оновлення. Prefetch зробить навпаки, він змусить певний вміст у кеш CDN.

cdn77-з wordpress-10

Після того, як все налаштовано, ви можете вказати свій CNAME на власний домен. Для цього потрібно створити правило у своєму реєстраторі або на панелі хостингу в розділі DNS і вказати cdn.yourdomain.com на CNAME xxx.rsc.cdn77.org, як показано на малюнку, це вкаже DNS щоб перенаправити весь трафік вашого субдомену на фактичне місце, де воно має бути. Не хвилюйтесь, це не вплине на продуктивність. Крім того, він також служить для того, щоб показати вашим читачам, що ви використовуєте cdn.yourdomain.com що виглядає фантазії.

Якщо ви віддаєте перевагу використовувати адресу cdn77.org, вам нічого не потрібно робити, просто використовуйте цю адресу під час заміни вашого вмісту в WordPress.

Сторона WordPress

На стороні WordPress нам потрібно додати плагін, щоб це нормально працювало. Ми збираємось використовувати CDN Enabler, зручний безкоштовний плагін. Причина використовувати цей плагін проста – більшість плагінів CDN не дозволять настільки детально контролювати папки, які ви надсилаєте в CDN. Цей плагін робить і це дуже важливо для нашого випадку, оскільки ми не хочемо включати файли Javascript або CSS, а лише завантажені зображення.

cdn77-з wordpress-14

Після встановлення ви зможете знайти плагін прямо тут …

cdn77-з wordpress-15

Давайте підробимо це !

cdn77-з wordpress-16

Пам’ятаєте, коли ми говорили про налаштування? Ось найважливіший факт про те, як правильно встановити CDN на WordPress. Переважна більшість плагінів CDN підкаже вам включити каталог для CDN, щоб “копіювати”, і вони зазвичай підказують вам включити wp-контент. Це добре для загальних параметрів, але це не добре для вашої продуктивності, оскільки папка wp-вмісту заповнена ще однією дуже чутливою папкою, папками та модулями, включаючи тони файлів Javascript та CSS. Ви можете втратити продуктивність, якщо вони не кешуються, як обговорювалося раніше.

Отже, як це виправити? Ми просто включаємо папку wp-content / uploads. Таке просте рішення!

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

cdn77-з wordpress-17

Просте оновлення сайту дозволить CDN отримати вміст для вас. У цьому прикладі ми відкрили вкладку Developer Firefox (F12) і шукали перше зображення. Ви чітко бачите, що посилання було замінено, і воно зараз завантажується безпосередньо з CDN замість нашого хост-сервера!

До і після

Подивимося, як все це вийшло !

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

Підведенню

Сподіваємось, ви дізналися потужний спосіб впровадження CDN на свій сайт WordPress. Деякі техніки не нав’язливі, такі як файли CSS та Javascript, які необхідні для швидкості завантаження сайту. Тепер ви можете використовувати всі переваги CDN і в той же час мінімізувати його недоліки. Ми сподіваємось, що ви дасте безкоштовну пробну версію CDN і скористаєтеся порадами у цій статті, щоб побачити, чи зможете ви пришвидшити свій сайт WordPress. Сподіваємося, вам сподобалася стаття! Як завжди, будь-які питання чи сумніви залишайте в коментарях нижче.

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