Ускорение загрузки сайтов для смартфонов

Четверг, 8 августа 2013 г.

Пользователи
говорят нам,
что используют смартфоны для поиска в Интернете, потому что это быстро и удобно, но средняя мобильная страница сегодня обычно
загружается более 7 секунд. Разве не было бы здорово, если бы мобильные страницы загружались менее чем за секунду? Сегодня мы объявляем о новых
рекомендациях и обновленном
инструменте PageSpeed Insights , чтобы помочь веб-мастерам оптимизировать свои мобильные страницы для достижения наилучшей производительности рендеринга.

Приоритизация контента в первом экране

Исследования
показывают,
что поток пользователей прерывается, если загрузка страниц занимает более одной секунды. Чтобы обеспечить наилучшее взаимодействие и удержать посетителя, наши рекомендации сосредоточены на отображении части контента, известного как контент в первом экране (above-the-fold), пользователям за одну секунду (или меньше!), в то время как остальная часть страницы продолжает загружаться и отображаться в фоновом режиме. HTML, CSS и JS в первом экране известны как
критический путь рендеринга.

Мы можем добиться рендеринга контента в первом экране менее чем за секунду в мобильных сетях, применяя следующие передовые методы:

• Сервер должен отрендерить ответ (< 200 мс)
• Количество перенаправлений должно быть сведено к минимуму
• Количество обращений для первого рендеринга должно быть сведено к минимуму
• Избегайте внешнего блокирующего JavaScript и CSS в контенте первого экрана
• Зарезервируйте время для макета браузера и рендеринга (200 мс)
• Оптимизируйте выполнение JavaScript и время рендеринга

Они более подробно объяснены на
мобильных справочных страницах, и когда вы будете готовы, вы сможете протестировать свои страницы и внесенные вами улучшения с помощью инструмента
PageSpeed Insights .

Как всегда, если у вас есть какие-либо вопросы или отзывы, пожалуйста, напишите в нашей
дискуссионной группе.

Опубликовано
Брайаном Маккуэйдом, инженером-программистом, и Пьером Фаром, аналитиком тенденций для веб-мастеров