Архів по місяцям: Тра. 2020
"There has been an error processing your request" - це одна з найпоширеніших помилок Magento, яку ви можете отримати під час роботи з Magento 2. Ось приклад цього повідомлення:
Розширення Magento 2 Rocket JavaScript дозволяє увімкнути завантаження deferred JavaScript і автоматично перемістити JS код в нижню частину сторінки. Таким чином ви збільшуєте швидкість завантаження веб-сайту та усуваєте блокування візуалізації.
Однак іноді вам не потрібно переміщувати всі JavaScripts вниз, оскільки є деякі, які не рекомендується туди переносити.
У цій статті ви дізнаєтесь, як це зробити.
Як автоматично відкласти завантаження деяких JS?
Підіть у Stores > Configuration > Magefan Extensions > Rocket Javascript і знайдіть розділ Ignore Deferred JavaScript With. Потім вкажіть рядки (strings), які не потрібно переміщувати вниз, кожен у новому рядку.
Розширення автоматично додасть до них атрибут data-rocketjavascript="false", тому вони ігноруватимуться.
Як вручну відкласти завантаження деяких JS?
Якщо ви не хочете переміщувати частину JavaScript униз, вам просто потрібно додати атрибут data-rocketjavascript="false" до тегу <script> безпосередньо у вашому коді:
Приклад:
Перше місце в Google SERP - це мрія, досягти якої наполегливо прагне кожен веб-сайт. Як показує безліч досліджень ви, скоріш за все, натиснете на перші 3 сторінки які Google видасть вам на ваш запит, та залишите без уваги всі наступні.
Бути в топ 3 – це чудово, але все ж 1-е місце дає вам набагато більше авторитету та довіри. Ваш вебсайт повинен бути справді хорошими, щоб Google мав підстави віддати вам це місце, правда ж?
Успіх вашого веб-сайту чи веб-сторінки в Google базується на SEO, тому всі відчайдушно хочуть навчитися його покращувати. Отже, ті хто коли-небудь вивчали SEO знають на скільки речей воно впливає і про скільки речей потрібно подбати, щоб покращити його на своєму веб-сайті.
Отже, щоб випередити конкурентів, покращивши SEO вашого веб-сайту, потрібно:
- Наполегливо працювати над створенням унікальних та корисних продуктів.
- Проводити дослідження, щоб орієнтуватися на ключові слова з найвищим рейтингом.
- Створювати інформативний та цікавий
Якщо ви вже використовуєте WebP зображення для HTML-тегів <img> і хочете також увімкнути WebP для фонових малюнків у CSS, правильним буде використати кілька фонів в CSS стилях.
Наприклад, у вас є елемент із фоновим CSS .png:
.minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
background: url(../images/icon-cart.png) no-repeat;
}
Щоб переключити його на WebP, вам потрібно вручну конвертувати PNG/JPG/GIF зображення у формат WebP, використовуючи один із безкоштовних інструментів доступних в Інтернеті. Збережіть його в тій же папці та використовуйте CSS ось так:
body.webp-supported .minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
background: url(../images/icon-cart.webp) no-repeat;
}
body.no-webp .minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
background: url(../images/icon-cart.png) no-repeat;
}
У цьому випадку всі браузери отримуватимуть WebP зображення, за винятком тих, які не підтримують