Facebook .. Плагин теперь до 4 раз быстрее

Facebook объявил о выпуске нового плагина Like Box, переписанного «с нуля», который будет в четыре раза быстрее с меньшими компонентами, меньшим количеством CSS (теперь встроенным) и асинхронной загрузкой JavaScript.

Так что изменилось?

• Новые, более мелкие компоненты. Плагин состоит из небольших компонентов (прямоугольник, кнопки и т. Д.), И мы упростили и очистили их, чтобы использовать меньше байтов в разметке HTML и CSS.
• Общий CSS сводится к тому, чтобы быть достаточно маленьким, чтобы перейти в HTML как style тег. Это может показаться спорным (внешние таблицы стилей могут кэшироваться, а встроенные стили — нет), но в наших экспериментах мы видели, что лучше иметь (небольшое количество) встроенных CSS. В противном случае браузеры блокируют отображение страницы, ожидая завершения еще одного HTTP-запроса.
• Уменьшен общий размер JavaScript.
• Лучшая упаковка JavaScript. Теперь у нас есть только один JavaScript для загрузки с одним HTTP-запросом.
• Асинхронная неблокирующая загрузка JavaScript.
• Воспринимаемая производительность. Встроенный CSS и неблокирующий JavaScript ускоряют первую раскраску в браузере. Это помогает быстрее доставить первое впечатление пользователю. Остальные (обработка кликов и показ потока страницы) могут подождать.

1. Взгляните на простейшую форму поля «Мне нравится»: ни потока, ни лица друга, почти как кнопка «Мне нравится»:

• до
• после

Как видите, сейчас ресурсов гораздо меньше: 4 из 15 . Весь плагин загружается за 0,5 секунды, а не за 2,3 секунды (улучшение в 4 раза). Кроме того, воспринимаемая производительность лучше, потому что первая краска (начальное впечатление) теперь составляет 0,3 секунды, а не 2,1 секунды (улучшение в 7 раз!). Наконец, общая полезная нагрузка в байтах составляет 46 КБ, или в 5 раз меньше байтов, чем раньше (когда это было 245 КБ).

2. Затем посмотрите на водопады, когда опция show_faces имеет значение true:

• до
• после

У нас есть больше запросов из-за фотографий друга, но начальная краска составляет 0,3 с (было 2,1 с) и onload стреляет на 0,75 с (было 2,4 с).

Мои члены Facebook Плагин WordPress полностью совместим с этим изменением. Обновление не требуется.