[Перевод] 33 способа ускорить ваш фронтенд в 2017 году

Скрипты и советы | 27 января 2017

Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов

enter image description here


Вы уже используете прогрессивную загрузку? А как насчёт технологий Tree Shaking и разбиения кода в React и Angular? Вы настроили сжатие Brotli или Zopfli, OCSP stapling и HPACK-сжатие? А как у вас обстоят дела с оптимизацией ресурсов и клиентской части, со вложенностью CSS? Не говоря уже о IPv6, HTTP/2 и сервис-воркерах.

Читать дальше →
[Из песочницы] Above-the-Fold CSS — как ускорить загрузку сайта не замедлив разработку

В старые добрые времена мы с Google PageSpeed Insights были на короткой ноге. Я — клепал дешевые шаблоны, Google —...

Подробнее
«Быстрорастворимый» фронтенд. Лекция в Яндексе

Ускорить доставку элементов фронтенда на устройство пользователя можно несколькими способами. Разработчик Артём Белов...

Подробнее
[Из песочницы] Java библиотека для эффективной передачи CSS и JavaScript

В данной статье описывается способ передачи JavaScript и CSS методом соединения ресурсов, с последующими их...

Подробнее
Angular и SEO: как их подружить?

Несмотря на заявления Google и Яндекс о поддержке поисковыми ботами парсинга сайтов SPA, надеяться на нормальную...

Подробнее
Управление проектами / Ссылка Революция в сборе аналитики посещения сайта

Сервис предлагает альтернативу обыденным системам анализа посещения web ресурсов. Сервис собирает статистику посещения...

Подробнее
[Перевод] Пробел в знаниях основ веб-разработки

Вчера я разговаривал с другом, который ищет разработчика на открытую вакансию. Он выразил некоторое разочарование,...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями