Главная » Архив меток: оптимизация

Архив меток: оптимизация

Прогрессивный рендеринг для повышения производительности веб-приложений

От автора: неважно, насколько хорош ваш сайт; если загрузка занимает слишком много времени, никто не будет ждать, чтобы увидеть его. Если ваш сайт загружается более 3 секунд, велика вероятность, что вы потеряете почти половину посетителей. Но знаете ли вы, что вы можете значительно улучшить время загрузки страницы своего веб-приложения, используя прогрессивный рендеринг? Прогрессивный рендеринг не только увеличил скорость загрузки страницы, ...

Читать далее »

Как ускорить работу мобильного сайта за 5 шагов

От автора: 47% пользователей ожидают, что веб-сайты загрузятся за две секунды или меньше, в то время как 40% покинут страницу, загрузка которой занимает три или более секунды. С быстро растущим числом мобильных пользователей становится все более важным оптимизировать скорость мобильной страницы, чтобы соответствовать ожиданиям посетителей и повысить шансы на хороший рейтинг. В этой статье мы рассмотрим: Почему скорость мобильной страницы ...

Читать далее »

10 важных этапов оптимизации производительности

От автора: поскольку сеть продолжает развиваться, производительность начинает становиться все более и более важной. Контент-ориентированные веб-приложения, такие как Facebook или Instagram, имеют дело с мегабайтами данных. Они обеспечивают богатый пользовательский опыт, который требует применения сложных скриптов в фоновом режиме — все это за счет производительности. Но почему нас должно волновать, что загрузка страницы занимает три секунды вместо одной? Разница не ...

Читать далее »

Веб в 2020 году: расширяемость и совместимость

Перевод статьи The Web in 2020: Extensibility and Interoperability с сайта css-tricks.com для css-live.ru, автор — Юна Кравец. В последние годы мы наблюдали, как быстро развиваются и меняются веб-технологии. В 2020 году основными трендами сообщества веб-разработчиков вполне предсказуемо станут расширяемость и совместимость. Давайте рассмотрим их подробнее. Расширяемость Расширяемость определяется тем, насколько гибко мы можем приспособить ту или иную технологию для решения своих задач. ...

Читать далее »

Новый экспериментальный облик CSS-live.ru

Проводы старого года – неплохой повод для обновления и смелых экспериментов. Если вы не впервые на CSS-live.ru, вы наверняка заметили, что у нас немножко поменялось оформление, и – надеюсь – что сайт стал чуть быстрее грузиться. Новая верстка – во многом эксперимент: в ней совсем нет оформительской графики, всё оформление сделано на CSS. Причем прямо в браузере, в live-режиме, т.е. ...

Читать далее »

Уроки CSSbattle

В начале апреля появилась затягивающая и познавательная онлайн-игра для верстальщиков — CSSbattle.dev. Вашего покорного слугу угораздило «влипнуть» в нее практически с самого начала (и даже пару раз какое-то время побыть в самом топе:). Это был интересный и поучительный опыт, которым хочется поделиться. Придумали и реализовали эту игру два друга-тёзки из Индии, фронтендер Кушагра Гур и дизайнер Кушагра Агарвал. Жанр таких развлекательных состязаний называют «code golf»: как в гольфе надо закатить мяч в лунку ...

Читать далее »

Измерение, оптимизация сайта и мониторинг

От автора: производительность — это постоянный процесс, а не единовременный контрольный список. Он требует постоянного мониторинга и работы. Эффективный рабочий процесс при повышении производительности — это Измерение, Оптимизация сайта и Мониторинг. Несколько советов: Соотносите производительность со своими бизнес-целями. Помогите заинтересованным сторонам оценить, как производительность влияет на основные показатели бизнеса, которые для них важны. (Например, конверсии, показатели отказов, восприятие бренда.) Реальная ...

Читать далее »

Состояние дел в вебе: главные стратегии оптимизации изображений

Перевод статьи State of the Web: Top Image Optimization Strategies с сайта dougsillars.com для css-live.ru, с разрешения автора — Дуга Силларса Изображения — ключевая часть веба. Красивые образы так и манят посетителя всё глубже в историю, которую пытается донести ваша страница — будь то новости, развлечения или электронная коммерция. Но при всей важности картинок, их большой размер может (потенциально) замедлить загрузку ...

Читать далее »

Измерение веб-сайтов с помощью средств оптимизации Mobile-First

От автора: производительность на мобильных устройствах может быть особенно сложной: некоторые из этих проблем — недостаточно мощные устройства, медленные сети и плохие соединения. Благодаря тому, что все больше пользователей переходят на мобильные устройства, вознаграждения за мобильную оптимизацию растут. Большинство рабочих процессов уже приняли стратегии разработки и проектирования mobile-first, и пришло время применить аналогичный подход к производительности. В этой статье мы ...

Читать далее »

Критическая миссия: Оптимизация CSS для CDN

От автора: в Filament Group мы рекомендуем использовать подход критического CSS во многих наших проектах. Часто эти проекты используют для доставки CDN, и нам нужно обрабатывать каждую конкретную реализацию немного по-другому, чтобы задействовать различные CDN и их функции. В этой статье мы подробно рассмотрим эту проблему и предоставим руководство, как делается оптимизация CSS для нескольких CDN. Обзор Критический CSS — ...

Читать далее »