Предзагрузчик ресурсов
Предзагрузчик ресурсов
[P]Задача модуля - решить проблему «Устраните ресурсы, блокирующие отображение» для [URL=https://developers.google.com/speed/pagespeed/insights/]Google PageSpeed Insight[/URL] и ускорить загрузку сайта.[/P] [P][IMG WIDTH=722 HEIGHT=132]http://dkrotov.com/delight.resourcepreloader/resource_pagespeed_error.png[/IMG] [/P] [P]Решается эта проблема с помощью предзагрузки контента (директива preload). Preload - это новый веб-стандарт 2019 года, который позволяет браузеру не блокировать загрузку основного контента на время загрузки ресурсов (JS/CSS и других). Эта директива достаточно проста в использовании и не требует вмешательства или обработки файлов ресурсов, т.е. не создаёт дополнительной нагрузки на сервер. Модуль работает «на лету» (в момент загрузки страницы).[/P] [P][B]Преимущества модуля:[/B][/P][LIST] [*][P]Прост в использовании (требуется только установка)[/P] [*][P]Работает как с CSS, так и с JS[/P] [*][P]Не вносит изменений в файлы ресурсов[/P] [*][P]Работает как с внешними ресурсами, так и с внутренними[/P] [*][P]Сохраняет возможность кеширования ресурсов[/P] [/LIST] ------------------------------------------------------------------- Если вам требуется решить проблему оптимизации изображений и конвертирования их в современный формат, вам может быть интересен другой мой модуль: [URL=https://marketplace.1c-bitrix.ru/solutions/delight.webpconverter/#tab-about-link]Webp - конвертер изображений в современный формат .webp «на лету»[/URL] [URL=https://marketplace.1c-bitrix.ru/solutions/delight.resourcepreloader/#tab-about-link][IMG WIDTH=731 HEIGHT=124]http://dkrotov.com/delight.webpconverter/module_link_image.jpg[/IMG][/URL] [P]Для решения проблемы «Отложите загрузку скрытых изображений» я написал модуль [URL=http://marketplace.1c-bitrix.ru/solutions/delight.lazyload/]LazyLoad PRO - Отложенная загрузка изображений, видео и iframe в 1 клик[/URL], он полностью совместим с модулем [URL=http://marketplace.1c-bitrix.ru/solutions/delight.webpconverter/]Webp - Конвертер изображений в современный формат «на лету»[/URL].[/P] [P][IMG WIDTH=722 HEIGHT=40]http://dkrotov.com/delight.lazyload/lazyload_pagespeed_error_small.png[/IMG][/P]Для решения проблем с уменьшением размера кода HTML, JS, CSS вы можете использовать модуль [URL=https://marketplace.1c-bitrix.ru/solutions/delight.minifier/]Минификация HTML/JS/CSS[/URL][P][URL=https://marketplace.1c-bitrix.ru/solutions/delight.minifier/][IMG WIDTH=722 HEIGHT=40]http://dkrotov.com/delight.minifier/minifier_js_pagespeed_error_small.png[/IMG][/URL][URL=https://marketplace.1c-bitrix.ru/solutions/delight.minifier/][IMG WIDTH=722 HEIGHT=40]http://dkrotov.com/delight.minifier/minifier_css_pagespeed_error_small.png[/IMG][/URL][/P]