Спершу розглянемо визначення:
Google AMP (Accelerated Mobile Pages) — це тип веб-сторінки, створеної для статичного контенту, запущеного Google, яка забезпечує надійне та швидке рендеринг, а також прискорює час завантаження сторінок, особливо при перегляді контенту на мобільному веб-сайті.
Baidu MIP (Мобільні миттєві сторінки) — це набір відкритих технологічних стандартів для мобільних веб-сторінок. Прискорення мобільної веб-сторінки досягається за допомогою специфікації MIP-HTML, середовища запуску MIP-JS та системи кешування сторінок MIP-Cache.
Схоже, що визначення цих двох дуже схожих: одне називається прискорювачем мобільних сторінок, інше — прискоренням мобільного вебу, а мета однакова — оптимізація мобільних веб-сторінок. Що за біда, цього не станеться. Звісно, це не те саме, але це просто різниця між лаоською квашеною капустою та яловичою локшиною Майстра Конга. Обидві — це швидка локшина, основна сировина однакова, рецепт трохи інший, спосіб приготування трохи інший, і найголовніше — що представник інший.
Мобільне веб-прискорення вперше було запропоноване Google шляхом формулювання стандартів відкритого коду, специфікацій сторінок, оптимізації швидкості рендерингу для покращення користувацького досвіду, а також збільшить вагу сторінок, які відповідають стандартам AMP у пошукових системах. Baidu дотримується принципу, який Google має мене, повністю запозичує AMP і також пропонує власний стандарт веб-акселерації з відкритим кодом, так народився MIP.
Baidu MIP — це те саме, що й Google AMP, навіть макет сторінок, розташування меню та технічний опис офіційного сайту майже однакові: чи то призначення (повернення надзвичайно швидких сторінок у результатах пошуку), принцип (спрощення HTML, CSS, вимкнення більшості JS, контроль ресурсів, кешування тощо), чи етапи запуску (спочатку новини, потім загальні сторінки), а також метод взаємного посилання (додавання тегів) між оригінальною сторінкою та MIP-сторінкою. Навіть логотипи, що відображаються у відповідних пошукових системах, майже ідентичні:
Тут я мушу захоплюватися здатністю китайців вчитися на цьому.
Принципи оптимізації на сторінці
І AMP, і MIP по суті є прискоренням сторінки шляхом оптимізації рендерингу сторінки або лінивого завантаження для зменшення блокування. Як і деякі специфікації в нашому бізнесі, ми також можемо мати набір стандартів для покращення якості коду та продуктивності сторінок. Просто ці два способи можуть принести SEO-оптимізацію. Нижче візьмемо MIP як приклад, щоб зрозуміти принцип її прискорення.
MIP організовано у три основні частини:
MIP HTML
MIP JS
Кеш MIP
MIP HTML формулює нову специфікацію на основі базових тегів у HTML, що дозволяє HTML відображати багатший контент шляхом обмеження використання деяких базових тегів або розширення функцій. MIP JS забезпечує швидке рендеринг HTML-сторінок MIP; MIP Cache використовується для реалізації кешування MIP-сторінок, що додатково покращує продуктивність сторінок.
Нижче описано принцип прискорення сторінок MIP:
Добре спроєктований JavaScript
MIP не дозволяє користувачам налаштовувати JavaScript і має бути впроваджений у вигляді компонентів MIP для забезпечення безпеки та продуктивності
Усі статичні ресурси мають бути виміровані
MIP вимагає, щоб усі ресурси (реклама, зображення, аудіо та відео) мали розміри. Коли ресурс фактично завантажується, усі розміри ресурсів можна одразу визначити і швидко використати для розрахунку макети сторінки, а ресурс завантаження буде представлений безшовно, не впливаючи на досвід читання користувача через часті оновлення верстки сторінок.
Жоден механізм не забороняє рендеринг сторінки
Будь-які власні скрипти розробників повинні використовувати MIP-теги для зворотного зв'язку з MIP, такі як mip-ad, mip-iframe тощо, які не блокують макет і рендеринг сторінки.
Керування зовнішнім навантаженням ресурсів
MIP режим виконання контролює завантаження зовнішніх ресурсів для забезпечення їхньої ефективності, щоб те, що користувачі хочуть прочитати, з'являлося на екрані якомога швидше.
Інкапсуляція інтерактивних функцій
MIP стверджує, що веб-сторінки можуть надати користувачам прямий і простий досвід, але це не означає, що MIP обмежує яскравість і задоволення сторінки. MIP Runtime забезпечує високооптимізований інкапсульований JavaScript, що усуває необхідність розробників витрачати надмірні зусилля на реалізацію складних інтерактивних функцій.
Рекомендується використовувати inline CSS
Завантаження CSS запобігатиме рендерингу сторінок, а вбудований CSS може зменшити накладні витрати клієнта.
Дозволені лише анімації, прискорені GPU
MIP дозволяє виконувати анімації лише з трансформаціями та непрозорістю, і запускає злиття шарів рендеру лише тоді, коли анімації можна виконати на GPU.
MIP-кеш
Ще одне важливе значення MIP полягає в тому, що він допомагає вебмайстрам прискорювати веб-сторінки, а Baidu буде кешувати MIP-сторінки у Baidu CDN. MIP-кешування можна використовувати, якщо воно відповідає стандарту MIP.
Це лише ті засоби, які ми часто використовуємо для оптимізації веб-проєктів, але тепер Baidu пройшла стандарт відкритого коду, надала SEO-зручності та уніфікованих специфікацій.
Пошукайте погляди AMP і Baidu MIP у Google
Рішення для мобільної веб-оптимізації, які надають AMP і MIP, можуть певною мірою покращити користувацький досвід. Водночас поєднання з SEO також підвищило інтерес багатьох розробників до приєднання. Однак через відносно закрите середовище цей набір стандартів не можна застосувати до великих проєктів, а лише до відносно простих відображень сторінок, що, звісно, відповідає їхньому початковому наміру.
AMP і MIP — це два різні набори стандартів, і для підтримки оптимізації пошукових систем Google та Baidu необхідно написати два набори сторінок, що збільшить витрати розробників.
Особисто я вважаю, що в майбутньому стандарти обох компаній будуть уніфікованими, і Baidu, за оцінками, підтримуватиме стандарт AMP, адже Google має глобальну перспективу, а у Baidu лише більше користувачів у Китаї.
Підручник MIP:https://www.mipengine.org/doc/00-mip-101.html
Навчальний матеріал:https://www.ampproject.org/zh_cn/
|
Опубліковано 07.07.2018 09:47:36
|
|
|
|
