Все хотят, чтобы их страница загружалась быстрее. Это также полезно и в рамках поисковой оптимизации. Давайте посмотрим, как можно сократить время загрузки страницы, внеся несколько изменений в CSS.

В этом уроке описано 2 способа создания спрайтов, содержащих большое количество изображений. В данном случае используется изображения формата SVG, а не более известные спрайты с растровыми изображениями.

Ленивая загрузка (lazy load) изображений - один из наиболее популярных подходов к оптимизации веб-сайтов. Потому что при относительно простой реализации, мы получаем большой прирост производительности.

Почти год назад для Chrome и других современных браузеров была выпущена встроенная отложенная загрузка изображений и окон iframe. Смысл этой функции в том, чтобы при запросе изображения или ресурса в iframe браузер мог контролировать загрузку, что немного упрощает задачи разработчика.

До этого момента единственным вариантом реализации ленивой загрузки было использование различных JavaScript-плагинов, которые отслеживали изменения области просмотра и динамически загружали ресурсы. Теперь браузеры могут делать это самостоятельно!

Если вы не отстаете от современных веб-технологий, то вам следует знать о CSS сетках (CSS Grid). Эти свойства являются новыми дополнениями к формату CSS3 и быстро становятся лучшим другом разработчика.

Во предыдущей статье мы узнали, как работает CSS Grid и как с его помощью легко создавать простые макеты.

Сегодня мы узнаем, как с его помощью создавать более сложные макеты.