Усім доброго вечора! Якщо ви стежите за блогом, то напевно в курсі, що я зараз займаюся оптимізацією свого блогу. І пройшло зовсім небагато часу, а прогрес так би мовити вже накльовується. Якщо спробуєте зайти на будь-яку сторінку блога, вона стала завантажуватися в рази швидше. На поточний момент завантаження відбувається в межах 1-2 секунд. Одним з відкриттів є кешування зображень, яке моментально прискорює завантаження сторінок.
масштабне прискорення
У попередній статті щодо прискорення веб-сторінок за допомогою PageSpeed Insights від Google, мені вдалося значно перевершити попередні показники. Параметри для комп'ютерів піднялися з 62 до 73 балів, а для мобільних пристроїв з 74 до 78 балів. Ці параметри видає PageSpeed на основі налаштувань мого сервера. Ви можете помітити, що до сих пір не включено кешування браузера. Якщо його задіяти, то я відразу ввійду в зелену зону з параметрами за 85 пунктів і вище.
Для мобільних пристроїв
Слідкуйте за змінами разом зі мною. Незабаром планую продемонструвати найвищі значення, забравшись в межі зеленої зони.
локальне прискорення
На локальній машині я можу спокійно керувати налаштуваннями свого сервера, на відміну від хостингу. Там я домігся в деяких моментах навіть 100 з 100. Потрібно просто дотримуватися всіх рекомендацій сервісу PageSpeed. Думаю, зміна хостингу і настройка належним чином кешування браузера, а також додаткова робота з мобільною версією прискорить мій блог ще сильніше.
Тим, хто хоче займатися оптимізацією на локальній машині, в обов'язковому порядку потрібний браузер Google Chrome і плагін PageSpeed Insights. Так ви зможете швидко усунути всі недоліки свого сайту і оновити змінені файли на сервері.
Кешування зображень з «Photon»
Це було невелике нагадування того, до чого я прагну в оптимізації блогу. А тепер я вам більш детально розповім про те, як домогтися кешування всіх зображень в один клік. Такий спосіб є найкращим з усіх можливих, ви всього один раз натиснули спеціальну кнопку і все, система працює. Не турбуйтеся, всі ваші картинки на сайті залишаються в незмінному вигляді і нічого з ними не відбувається.
Нагадаю, що я використовую єдиний плагін від самих розробників WordPress, він називається JetPack. Я писав про нього і його можливості в цій статті. Якщо ви не знайомі з плагінами, які я використовую на своєму блозі то можете ознайомиться з ними по посиланню. Все лаконічно і просто, нічого зайвого.
Як працює система
Принцип роботи системи геніально простий. У JetPack реалізований спеціальний модуль під назвою «Photon». Включивши його, ви отримуєте доступ до спеціальної, високопродуктивної мережі доставки вмісту WordPress. Мережа кешируєт ваші зображення і обробляє їх таким чином, щоб вони мали меншу вагу і завантажувалися ні з вашого сервера, а з найбільш високошвидкісною мережі.
Порівнюємо зображення до і після
Як ви можете бачити, представлений нижче скріншот демонструє параметри звичайної картинки. Зверніть увагу на шлях, вона завантажена безпосередньо з директорії движка. Іншими словами, завантаження відбувається без кешування відразу з нашого сервера.
А тепер представлю інший варіант тієї ж картинки, але з використанням технології JetPack і модулем «Photon». Як бачите шлях вже змінений і зображення кешуватися, завантаження відбувається з спеціальних серверів WordPress. Зверніть увагу на різницю в розмірі зображення. Воно значно зменшилася і при цьому не втратило в якості.
Існують різні способи кешування зображень, але всі вони навіть і близько не стоять з даною технологією, створеної самими розробниками WordPress і доступною всім нам в універсальному розширенні JetPack. Якщо ви захочете скасувати процес кешування зображень, зроби ті один клік по кнопці «Деактивувати» і все повернеться на свої місця.
перевага
Вся принадність у тому, що вам не потрібно нічого налаштовувати, вказувати якісь параметри і робити багато чого іншого. Просто вибрали модуль «Photon» та активували, далі надайте системі зробити все за вас. Можете забути про повільного завантаження і не оптимізованих картинках на своєму блозі.