Google page speed bitrix: Битрикс — Ускоритель по Google Pagespeed

Битрикс — Ускорение загрузки сайта + оптимизация для Google PageSpeed (webp, js, css, картинки, изображения)

Описание

Отзывы (11)

Обсуждения (47)

Что нового

5.2.1 (12.04.2023)	Улучшение механизмов конвертации в webp
5.2.0 (19.01.2023)	Доработки и улучшения
5.1.0 (28.12.2022)	Улучшение работы с webp и отложенными скриптами
5.0.0 (12.12.2022)	Дополнительные регулярные выражения для поиска и оптимизации webp Переработка отложенных подключений js, переноса skip-mooving скриптов Функция кеширования запроса к setTheme.php больше не доступна в решении (не показала себя эффективной) Доработка и улучшение прочих механизмов
4. 9.0 (05.12.2022)	Исключения для оптимизации webp Исправления и улучшения прочих механизмов
4.8.0 (13.11.2022)	Улучшения по конвертации webp, оптимизации css
4.7.1 (02.11.2022)	Исправления и улучшения
4.7.0 (18.10.2022)	Выбор алгоритма формирования webp, доработки механизмов решения
4.6.1 (07.09.2022)	Улучшение алгоритмов оптимизации webp, новый режим конвертации webp
4.5.1 (23.08.2022)	Корректировки по оптимизации изображений
4.5.0 (19.08.2022)	Экспериментальные оптимизации под Аспро Улучшение оптимизации css, события для более удобного откладывания скриптов
4. 4.0 (31.05.2022)	Изменение настроек решения, оптимизация механизмов работы с webp и прочие доработки
4.3.0 (14.05.2022)	Переработана страница оптимизации изображений
4.2.0 (28.04.2022)	Доработка механизмов оптимизации изображений Новая оптимизация — исправление проблемы «Пассивные слушатели событий» Прочие мелкие улучшения
4.1.1 (01.04.2022)	Небольшие исправления, часть настроек оптимизации изображений теперь общие для всех сайтов
4.1.0 (28.03.2022)	Оптимизация картинок (beta)
4.0.1 (06.01.2022)	Исправления и улучшения
4. 0.0 (12.11.2021)	Большое обновление: исправление проблем с оптимизацией css под аспро, отдельные настройки для сайтов по многосайтовости, оптимизация javascript и т.д. После установки обновления рекомендуется проверить и скорректировать настройки решения!
3.1.4 (28.06.2021)	Небольшие корректировки
3.1.3 (28.06.2021)	Совместимость с PHP 8 (обновить решение нужно До смены версии php)
3.1.1 (24.03.2021)	Исправление ошибок в демо версии
3.0.1 (23.03.2021)	Новый режим работы со стилями: Объединение (пока в бета режиме) Устранена настройка «Максимальный вес файлов подключамых в inline-виде» как бесполезная Опция оптимизации Google Fonts объединена с опцией внешних стилей Интерфейсные улучшения
3. 0.0 (25.02.2021)	Глобальный рефакторинг кода и улучшение производительности решения
2.1.1 (24.09.2020)	Улучшены алгоритмы оптимизации css, добавлено вырезание шрифта OpenSans, подключаемого битриксом
2.1.0 (06.08.2020)	Улучшение работы решения. Добавлена поддержка font-display (пока в бета режиме)
2.0.2 (12.06.2020)	Небольшой фикс
2.0.1 (12.06.2020)	Решение расширяет функционал: Добавлена поддержка preloading и preconnect Улучшена синергия с другими решениями Улучшено кеширование
1.3.0 (13.03.2020)	Повышение производительности
1. 2.2 (04.03.2020)	Небольшие улучшения
1.2.1 (25.01.2020)	Значительно улучшена оптимизация CSS
1.1.9 (13.01.2020)	Добавлен функционал исключений
1.1.8 (24.12.2019)	Небольшие улучшения
1.1.7 (26.10.2019)	Исправление работы с CDN, небольшое улучшение работы с кешем
1.1.6 (01.09.2019)	Небольшие исправления
1.1.5 (31.07.2019)	Техническое обновление
1.1.4 (13.06.2019)	Небольшие исправления
1. 1.3 (12.06.2019)	Оптимизация алгоритмов
1.1.2 (29.05.2019)	Оптимизация скриптов модуля, добавлено кеширование обработки стилей сайта
1.1.1 (07.05.2019)	Улучшение работы с внешними стилями и google fonts
1.1.0 (13.04.2019)	Небольшие доработки
1.0.6 (13.04.2019)	Добавлена возможность инлайн подключения внешних стилей и Google Fonts
1.0.5 (04.04.2019)	Добавлена опция «Удалять из css пробелы, переносы и комментарии». Стили с атрибутом media=»print» теперь игнорируются.

Установка

Поддержка

Google vs 1C — Битрикс, или как удовлетворить Google Mobile-Friendly Test и PageSpeed Insights средствами 1С-Битрикс

Google vs 1C — Битрикс, или как удовлетворить Google Mobile-Friendly Test и PageSpeed Insights средствами 1С-Битрикс

В апреле и мае 2015 года многие интернет проекты потеряли значительную долю поискового трафика и позиции в Google. В чем причина, и как вернуть позиции, давайте разберемся.

21 апреля Google ввел обязательную проверку сайтов на оптимизацию под мобильные устройства. И теперь результаты этой проверки напрямую влияют на ранжирование проекта поисковой машиной Google в мобильной выдаче.

Владельцам и оптимизаторам сайтов Google направил вот такие письма, где сообщал, что сайт не оптимизирован под мобильные устройства и дал несколько советов как улучшить свой проект и повысить его в выдаче.

Синий график показывает обвал поискового трафика из Google.

Что же требует Page Speed Insights и какие цели преследует? С точки зрения пользователей, требования Google просты:

1. Корректно, удобно отобразить страницу для мобильного устройства
2. Хорошая скорость загрузки первой видимой части страницы

Требования абсолютно справедливы и честны по отношению к пользователям сайтов.

Теперь давайте разберемся, что эти требования означают для разработчиков и оптимизаторов.

Итак, как определить дружественен ли ваш сайт мобильным устройствам и как сделать его дружественным, если он не дотягивает по оценкам Page Speed Insights. Google предлагает для оценки несколько инструментов:

1. Mobile-Friendly Test — http://g.co/mobilefriendly

   сервис анализирует 1 страницу, проверяет ее на:

   • настройку тега viewport, отвечающего за область видимости и масштабируемость страницы
   • размеры шрифтов, они должны быть хорошо читаемыми на мобильном устройстве, Мобильные разработчики рекомендуют 16px как основной размер шрифта сайта
   • размеры активных (кликабельных) элементов, расстояние между ними. По рекомендациям Андрея Липатцева минимальный размер самого элемента — от 10мм, расстояние 5-7мм, адекватное межстрочное расстояние.

   Большую часть ошибок этого уровня решает верстка под мобильные устройства и здесь у нас несколько вариантов — адаптивная верстка, стили под мобильную версию проекта, отдельный домен с отдельной версией мобильного сайта. Каждый из вариантов имеет свои плюсы и минусы. Мы внутри компании отдаем предпочтение адаптивной верстке. К этому же пункту стоит отнести отказ от использования плагинов, не поддерживаемых мобильными браузерами, например FLASH.

2. Google Webmaster Tools http://goo.gl/TA2AFV

   аналог первого инструмента, при этом анализирует все страницы проекта по тем же параметрам что и первый инструмент и выдает таблицу страниц с описанием проблем.

3. Google Page Speed Insights

   инструмент работает с одной страницей, показывает ошибки оптимизации страницы, оценивает скорость загрузки, выдает оценку по шкале 0-100, отличная оценка от 85 баллов.

   Главная цель при прохождении этого теста — максимально быстро показать пользователю верхнюю видимую часть страницы.

А теперь рассмотрим инструменты 1C — Битрикс управление сайтом и как с их помощью сделать сайт mobile-friendly, удовлетворив требования Google Page Speed Insights.

Остановимся подробнее на каждом пункте требований теста и на решении задачи.

1. Первый и главный пункт в решении задачи оптимизации страниц под мобильный и десктопные браузеры, конечно, поддержка технологии композит от 1С-Битрикс, которая сама по себе ускоряет сайт в разы. Так же используйте новый инструмент от Битрикс — «скорость сайта», который так же укажет на проблемы ускорения.
2. Перенести JavaScript в конец страницы, сжать JS и CSS файлы.

Требование призвано ускорить загрузку первого экрана страницы, контент грузится и отдается пользователю раньше скриптов. Битрикс ввел настройку «Переместить весь JavaScript в конец страницы» и в купе с уже имеющимися опциями «Объединить JS, CSS», «сжать JS, css» мы полностью удовлетворяем этому требованию Google Page Speed Insights, просто проставив галочки в настройках главного модуля проекта.

95% скриптов после переноса останутся работоспособными, но бывают ситуации, когда нужно запретить перенос скрипта вниз страницы. Запрет на перенос задаем атрибутом data-skip-moving=»true»

1) В работе инструмента есть несколько нюансов

• Перенос JavaScript происходит по тегам <script></script>
• Не учитываются сложные конструкции, например, HTML-комментарии
• document.write() будет работать неправильно
• Инструмент может настраиваться отдельно для страниц и шаблонов

2) Оптимизация CSS и JS

• Минификация файлов Css и JS — настраивается в главном модуел БУС
• Убрать неиспользуемые селекторы (инструмент Audits в Chrome Dev Tools)
• Оставить только тот CSS, отображающий первый экран страницы
• Остальное загрузить с помощью JavaScript
• Увеличить Initial Congestion Window

3) Оптимизация изображений.

Много баллов в глазах Google Page Speed можно потерять при размещении тяжелых картинок на сайте, к тому же, отображенных в небольшом размере. Обращайте внимание, оптимизируйте.

Можно использовать сторонние ресурсы, но 1С-Битрикс предлагает встроенный инструмент, решающий проблему. При включении CDN для вашего сайта и установленной галочке — оптимизировать ресурсы, изображения будут отдаваться CDN в оптимизированном виде, не требуя предварительной обработки. Кроме того CDN оптимизирует файлы JS и CSS.

Еще об оптимизации

Самое главное — не бросайтесь сломя голову выполнять все требования Google, чтобы попасть в зеленую зону. Предварительно взвесьте отдачу от изменений и стоимость изменений, насколько конкретно вашему сайту важен мобильный трафик, возможно ли сделать верстку адаптивной, сколько будет стоить оптимизация проекта и т. д. Может быть решение одного из требований вас полностью устроит.

Ну а если решились, то внедряйте на своих проектах:

• Адаптивную верстку
• Gzip-сжатие
• HTTP-кеширование
• Проверяйте время ответа сервера
• Избегайте редиректов (site. ru/ –> site.ru/main.html)
• Объединение CSS и JavaScript файлов
• Оптимизацию изображений

Что нужно для победы

• Mobile-Friendly Test
  • Адаптивная верстка (шрифты, отступы, размеры, тег viewport), либо отдельный домен под мобильную версию проекта
  • Правильный robots.txt
• Google PageSpeed Insights
  • Блокирование отображения JS и CSS-файлами в
  • Размер HTML-страницы и внешних ресурсов
  • Время ответа от сервера
• Битрикс вам в помощь
  • Настройки оптимизации JavaScript и CSS
  • Композит
  • CDN

Удачи вам в оптимизации ваших проектов и победы в борьбе за мобильный трафик, а его ближайшие годы прогнозируют до 50%.

Наталья — руководитель отдела разработки интернет — агентства «Артрикс»

Поделиться

SaaSHub — Альтернативы программного обеспечения и обзоры

Независимый рынок программного обеспечения

Регистрация | Логин

Топ 5 товаров 06 мая

99

99

99

Дни

Часы

Минуты

Секунды

Присоединяйтесь к нам & Выберите завтрашний Топ-5

апр Неделя 18 Узнать больше

1. 1

   Скрыть

   Unsplash — это веб-сайт с высококачественными бесплатными изображениями в формате HD. В нем есть каталог из более чем трехсот тысяч ярких изображений, аккуратно организованных с помощью тегов. Узнайте больше о Unsplash.

   Рынок изображений/векторное искусство

2. 2

   Призрак

   Ghost — это адаптируемая платформа с полностью открытым исходным кодом для создания и запуска современных онлайн-изданий. Мы поддерживаем блоги, журналы и журналистов от Zappos до Sky News.

   Ведение блога/CMS

3. 3

   AdGuard

   Работайте в Интернете без рекламы и безопасно. Щит вверх!

   Безопасность и конфиденциальность/блокировщики рекламы

4. 4

   УткаУткаGo

   Компания по обеспечению конфиденциальности в Интернете, которая позволяет вам беспрепятственно контролировать свою личную информацию в Интернете без каких-либо компромиссов.

   Поисковая система/интернет-поиск

5. 5

   Наблюдаемый

   Интерактивные примеры кода/сообщения

   Визуализация данных/Информационная панель данных

» Посмотреть все детали

Последние номинации и активность

1. MyVcrd.

   com

   Веб-приложение Bio Link — легко создайте страницу для своего бизнеса, виртуальную визитную карточку, короткие ссылки, ссылки на события, QR-коды, документы и изображения с искусственным интеллектом, отслеживайте посещения и многое другое.

   Бизнес и коммерция/Визитные карточки

2. PromeAI

   Воплощение творчества в реальность

   Фото и графика/Создание изображений

3. Приложение BillOut

   Просто отслеживайте свои счета и получайте уведомления о сроках оплаты. С приложением BillOut — Bill Reminder вы больше никогда не пропустите счет.

   Личные финансы/счета

4. DontPayFull

   Подтвержденные купоны и скидки для различных интернет-магазинов.

   Купоны/коды скидок

   Спонсор

5. изменения.страница

   Идеальное решение для информирования ваших клиентов и заинтересованных сторон о последних обновлениях и новостях вашего бизнеса.

   Журнал изменений/обновления состояния

6. Сага.со

   Saga — это совместное рабочее пространство для заметок, документов и задач. Он интегрируется с вашими любимыми инструментами, поэтому вы всегда можете видеть общую картину. Saga AI — это недавно выпущенный AI-помощник в Saga, который помогает вам писать и переписывать контент.

   Управление документацией/знаниями

7. ФлаттерФлоу

   FlutterFlow — это онлайн-платформа с низким кодом, которая позволяет людям визуально создавать нативные мобильные приложения.

   Инструменты дизайна/производительность

8. Не пропустите самые популярные стартапы в нашем еженедельном отчете!

9. Джобиси

   Нанимайте удаленных специалистов или будьте наняты на любую работу в любом месте!

   Кадры и рекрутинг/Доски объявлений о трудоустройстве

10. Блокнот++

    Бесплатный редактор исходного кода, поддерживающий несколько языков программирования, работающих в среде MS Windows.

    IDE и текстовые редакторы/текстовые редакторы

11. Healthchecks.io

    Следите за заданиями cron и запланированными задачами, получайте уведомления в случае их сбоя.

    Крон Мониторинг/Крон

12. Киви

    Платформа Python с открытым исходным кодом для быстрой разработки приложений, которые делают использование инновационных пользовательских интерфейсов, таких как мультисенсорные приложения. Установка в WindowsУстановка в Windows. Монтаж; Что такое колеса.

    Инструменты разработчика/Быстрая разработка приложений

13. loginTimer от SoftCleaner.in

    Первая технология Y2K38 успешно обнаружена и включена в loginTimer. Анализируйте вход в систему вашего компьютера в дополнение к дате входа всех пользователей, времени, общему количеству входов в систему и так далее. Он включал в себя успешное открытие технологии Y2K38.

    Инструменты для повышения производительности/мониторинга

14. Исходный текст страницы

    Решение для управляемых целевых страниц

    Целевые страницы/A/B-тестирование

15. Макс автоматический кликер

    Max Auto Clicker — это программа, которая эмулирует и автоматизирует щелчки мыши.

    Инструменты для игр/мыши

16. Социальные комментарии GPT для Twitter

    Создавайте привлекательные комментарии в социальных сетях с помощью ChatGPT.

    A/B-тестирование/маркетинг

17. xBar для Windows

    Центральный узел для пользовательских ярлыков приложений, файлов и папок, быстрого доступа к дискам и системным папкам с информационными панелями ПК и мониторинга ресурсов, а также доступа одним щелчком мыши к стандартным операциям Windows.

    ОС и утилиты/Инструменты Windows

18. CreditCardGenerator.App

    Создание тестовых кредитных карт

    Платежи по кредитным картам/Генератор поддельных данных

19. SQR.CO

    Ultimate QR Code Generator & URL Shortener

    Управление ссылками/URL Shortener

20. СайтГуру

    SiteGuru сканирует и анализирует ваш сайт. Мы проверяем ваш контент, ссылки и структуру веб-сайта и даем действенные советы по улучшению вашего сайта.

    SEO/Инструменты SEO

21. Эссе для всех

    Мы являемся профессиональной онлайн-платформой для репетиторов, предлагающей такие ученикам, как вы, услуги «сделай мою домашнюю работу». Наша компания предоставляет широкий спектр

    Услуги по обучению/письму

22. Середина

    Добро пожаловать в Medium, место, где можно читать, писать и общаться с историями, которые наиболее важны для вас. Каждый день тысячи новых голосов делятся…

    Блоги/Платформа для блогов

23. Анимотика

    С более чем 5 миллионами установок Animotica представляет собой простой в использовании и мощный видеоредактор и средство создания фильмов для Windows 10. Обрезка, разделение, объединение, поворот видео, применение видеоэффектов, добавление текста, музыки и многое другое.

    Видеоредакторы/редактирование изображений

24. Google для образования

    Google for Education берет аналитические знания Google и превращает их в платформу, которую преподаватели могут использовать для более эффективного общения со своими учащимися инновационными способами.

    Образование/Онлайн-обучение

25. Вепапу

    Выйти на мировой рынок легко 🧡

26. MailChimp

    MailChimp — лучший способ создавать, отправлять и делиться информационными бюллетенями по электронной почте.

    Маркетинг по электронной почте/платформы для маркетинга по электронной почте

27. Т.ЛИ

    Лучший сервис управления ссылками для отслеживания, брендирования и обмена короткими URL-адресами одним простым щелчком мыши

    Сокращение URL-адресов/управление ссылками

28. imgbox

    Imgbox — бесплатный сервис для размещения изображений.

    Фотографии и графика/хостинг изображений

29. УспехДолина

    SuccessValley — это сетевое онлайн-сообщество, ориентированное на развитие и поддержку сетевого сообщества для студентов и начинающих предпринимателей.

    Образование/электронная коммерция

30. Леттрия

    Текстовая обработка для всех.

    НЛП и текстовая аналитика/обработка естественного языка

31. Subo.ai

    Вовлекайте и понимайте свое сообщество с помощью опросов и опросов на вашем сервере Discord

    Discord/Опрос

32. Понятие

    Универсальное рабочее пространство. Один инструмент для всей вашей команды. Пишите, планируйте и будьте организованы.

    Производительность/совместная работа

33. Ролл20

    Roll20 — это набор простых в использовании цифровых инструментов, которые расширяют игровой процесс с ручкой и бумагой.

    Игровой/игровой движок

34. АЙОВЕЛ

    Лучшие веб-сайты для заработка денег для инвестиций, торговли, криптовалюты и бизнес-инструментов и лучших платформ. Сравните биржи, курсы сбережений и карт, криптовалютные кошельки, торговых брокеров и программное обеспечение для бизнеса.

    Каталог/Инвестирование

35. MetaMask.io

    Криптовалютный кошелек и шлюз для приложений блокчейна

    Криптовалюты/Криптовалютный кошелек

36. LibreELEC

    LibreELEC — это «достаточно ОС» ​​для Kodi, дистрибутива Linux, созданного для запуска Kodi на текущих и. ..

    Видео/медиаплеер

37. Мэйджой

    Восхитительно простой прямой маркетинг по почте. Самодельный инструмент прямой почтовой рассылки, созданный для отделов маркетинга и роста. Создавайте, отправляйте и отслеживайте персонализированные открытки и письма прямой почтовой рассылки. Цифровые маркетологи используют Mailjoy для отправки почтовых кампаний на основе данных.

    Интернет для печати/прямая почтовая рассылка

Как я могу разместить свой продукт на главной странице?

Сравнить программное обеспечение

Бизнес Рост » Разработка сайтов

1. Быстрая мобильная версия Показатели скорости 80+/80+ (десктоп, мобильный) согласно требованиям https://developers.google.com/speed/pagespeed/insights

2. Работаем с любой CMS Интернет-магазины, агрегаторы, корпоративные сайты, лендинги

3. SEO подготовка всех новых сайтов Без ошибок, высокая скорость, дружественность к поисковым системам — с рождения. Отдельно услуга стоит 10к

   руб.

4. Хостинг в подарок всем клиентам Профессиональный хостинг на 4 месяца

Рассчитать стоимость

Кейсы

Наши проекты

Разблокировка аккаунта «Social-Me»

Международные проекты social-me.co.uk

Подробнее

Немеральд

Международные проекты nemerald.com

Подробнее

Школа плавания в Лондоне «3sswim»

Международные проекты 3sswim.co.uk

Подробнее

Экологические натуральные продукты в Лондоне «Эколотус»

Международные проекты ecolotus.co.uk

Подробнее

Страховые программы «Забота о тебе»

Международные проекты care4. co.il

Подробнее

Защита прав человека в Израиле «Зашита»

Международные проекты zashita.co.il

Подробнее

Перейти в портфолио

стоимость

Наши цены

Продающий лендинг

Идеальное решение для запуска монопродукта

• Маркетинговый аудит продукта
• Детальный продаваемый прототип
• Уникальный дизайн сайта
• Мобильная версия сайта
• Страница благодарности
• Время создания — 10-15 дней
• Бесплатная услуга — 15 дней

2 220 руб.

65 000 руб.

Цена в рублях указана ориентировочно по текущему курсу НБ

Под заказ

Корпоративный сайт

Многостраничный сайт для компании с несколькими продуктами

• Маркетинговый аудит продукта
• Детальный продаваемый прототип
• Уникальный дизайн сайта
• Мобильная версия сайта
• Страница благодарности
• SEO-оптимизация
• Настройка Яндекс Метрики + цели
• Время создания — 15-20 дней
• Услуга предоставляется бесплатно на 30 дней

4 100 руб.

120 000 руб.

Цена в рублях указана для справки по текущему курсу НБ

Под заказ

Интернет-магазин

Классическое решение для интернет-продаж

• Маркетинговый аудит продукции
• Детальный продаваемый прототип
• Уникальный дизайн сайта
• Мобильная версия сайта
• SEO-оптимизация
• Настройка Яндекс Метрики + цели
• Установка чат-бота на сайт
• Наполнение 10 продуктов для тестирования
• Срок создания — 20-25 дней
• Услуга предоставляется бесплатно на 30 дней

6 500 руб.