Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Performance в Казнете

Web Performance в Казнете

Небольшой доклад на тему производительности сайтов в казнете. Проблемы и решения.

Nikita Bayev

January 31, 2015
Tweet

More Decks by Nikita Bayev

Other Decks in Programming

Transcript

  1. Топ 5 сайтов Казнета* 1. nur.kz 2. kolesa.kz 3. zakon.kz

    4. tengrinews.kz 5. kset.kz *по zero.kz** **исключая внешние сайты 5
  2. 11

  3. Максимальное количество подключений • Chrome: 10 (6 — per Hostname)

    (51.04%) • Firefox: 17 (6 — per Hostname) (13.72%) • Safari: 17 (6 — per Hostname) (5.51%) • IE9: 35 (6 — per Hostname) (IE = 7.98%) • IE11: 17 (13 — per Hostname) • Opera: 16 (6 — per Hostname) (8.94%) 13
  4. Низкая скорость загрузки • EDGE: 474 Кбит/с • 3G: ~2048

    Кбит/с • 4G (теоретически): 100 Мбит/с • ADSL (Megaline, Hit): ~512 Кбит/с 15
  5. На примере kolesa.kz (1.9MB, no-cache, first load) • DSL: 11.43s

    — полная загрузка (5.66 DOM) • 3G: 23.51s — полная загрузка (8.57 DOM) • EDGE: 1.2min — полная загрузка (26.31 DOM) • GPRS: ~никогда (6.3min) — полная загрузка (1.8min DOM) 16
  6. 17

  7. Клиентская оптимизация • Уменьшить количество DOM-элементов на странице • Асинхронная

    загрузка не важных для вида скриптов и стилей • Всегда задавайте размеры изображений • Не добавляйте @import • Элементы дизайна добавляйте в спрайты • Webp-изображения (Доступно 64.08% юзеров)
  8. Серверная оптимизация • TTFB (Time To First Byte) • Кэширование

    всего и вся • Уменьшить количество DNS lookups • Gzip (gzip_static)