Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web Performance в Казнете
Search
Nikita Bayev
January 31, 2015
Programming
0
44
Web Performance в Казнете
Небольшой доклад на тему производительности сайтов в казнете. Проблемы и решения.
Nikita Bayev
January 31, 2015
Tweet
Share
More Decks by Nikita Bayev
See All by Nikita Bayev
Grunt — Advanced Tips
drugoi
1
110
Other Decks in Programming
See All in Programming
C# 大統一理論推進委員会 会員のための Unity Package Manager プロジェクト構成案
monry
PRO
0
580
AppDeveloperCon 2024 EU: Building polyglot developer experiences in 2024
salaboy
0
380
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
2.1k
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
110
Dockerで始めるAWS Lambda開発
stutkhd0709
14
2.5k
WasmOS: Wasmを実行する自作Microkernel
riru
0
380
[スクリプト] Swiftの型推論を学ぼう
omochi
0
120
自動テスト実行結果の目的を整理する / Organizing objectives of automated test results
twada
PRO
10
2.1k
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
490
OpenTelemetry のサービスという概念について
azukiazusa1
1
410
Ruby製社内ツールのGo移行
bgpat
2
270
Cloud RunとCloud PubSubでサーバレスなデータ基盤2024 with Terraform / Cloud Run and PubSub with Terraform
shinyorke
7
1.9k
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.4k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
Producing Creativity
orderedlist
PRO
335
39k
From Idea to $5000 a Month in 5 Months
shpigford
376
45k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
14
1.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
How to name files
jennybc
62
92k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
11
1.4k
Fireside Chat
paigeccino
19
2.6k
Facilitating Awesome Meetings
lara
39
5.5k
Ruby is Unlike a Banana
tanoku
95
10k
Transcript
Web Performance* * В Казнете 1
Никита Баев Менеджер по туризму Front-end Developer в Kosmoport.kz 2
Google “The Web should be fast.” 3
Реальность 4
Топ 5 сайтов Казнета* 1. nur.kz 2. kolesa.kz 3. zakon.kz
4. tengrinews.kz 5. kset.kz *по zero.kz** **исключая внешние сайты 5
NUR.kz • 145 HTTP-запросов • 985KB трафика • 4.12s —
время загрузки 6
kolesa.kz • 220 HTTP-запросов • 1.9MB трафика • 4.11s —
время загрузки 7
zakon.kz • 110 HTTP-запросов • 2.3MB трафика • 5.80s —
время загрузки 8
tengrinews.kz • 184 HTTP-запроса • 3.3MB трафика • 9.68s —
время загрузки 9
kset.kz • 52 HTTP-запроса • 772KB трафика • 821ms —
время загрузки 10
11
Проблемы 12
Максимальное количество подключений • 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
Расширения (adblock, iNikolayev и т.д)
Низкая скорость загрузки • EDGE: 474 Кбит/с • 3G: ~2048
Кбит/с • 4G (теоретически): 100 Мбит/с • ADSL (Megaline, Hit): ~512 Кбит/с 15
На примере 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
17
Способы борьбы с лишними килобайтами 18
Минификация и оптимизация Всего и вся (styles, scripts, html, images,
fonts)
CDN-изация Решаем проблему ограничений на параллельные загрузки
Клиентская оптимизация • Уменьшить количество DOM-элементов на странице • Асинхронная
загрузка не важных для вида скриптов и стилей • Всегда задавайте размеры изображений • Не добавляйте @import • Элементы дизайна добавляйте в спрайты • Webp-изображения (Доступно 64.08% юзеров)
Серверная оптимизация • TTFB (Time To First Byte) • Кэширование
всего и вся • Уменьшить количество DNS lookups • Gzip (gzip_static)
Спасибо Вопросы? «May the speed be with you» twitter.com/bayevn telegram.me/drugoi
github.com/drugoi bayev.kz
Front-end Kazakhstan