?????????? ???????, Acronis

1
????????? ???, ??? ????????

• ??????????? ??????? ???????? ????? ???????? ?
  ???????

?????????? ???????, Acronis
webo.in
1 / 23
2
???????? ???????????
??????????????? ???????

• ?????????? ?????? ??????
• minify/gzip
• ?????????? ????? ????????
• CSS sprites
• ???????????
• ???????????? ????????
• ??????????? JavaScript

2 / 23
webo.in
3
???????? ???????????
???????????? ??? ????????

• 3 ??????? ???? ???????
• ??????????? 99,9 ????? ?????????
• ???-?-?????
• ??? ???????????? ????????? ?? 70 ?????
• CSS Sprites
• CSS/JS ?????? ? ???????????
• ??? ?????????? ????????? ????? 70 ?????
• ???????????
• ???????????? JavaScript

3 / 23
webo.in
4
?????????? ?????? ??????
???????? ???????????

• ????? ? ???????
• ?????? CSS
• ?????????? JavaScript
• minify / mod_gzip / mod_deflate
• ???????????? ?? ????
• ??? ???????????
• ?????? ???????????
• PNG ?????? GIF ??? ??????
• ????????????? ???????

4 / 23
webo.in
5
?????????? ?????? ??????
????? ? ???????

• ?????? CSS
• CSS Tidy
• gzip
• ??????? ?? 85
• ?????? JavaScript
• Dean Edwards Packer
• YUI Compressor gzip
• ??????? ?? 85

5 / 23
webo.in
6
?????????? ?????? ??????
?????????????

• Apache 2 mod_deflate gzip
• ????????? 99,5
• ??????? 70-80
• ??????????? ??????
• CSS/JavaScript gzip
• Safari or not Safari?
• ????????? ?????????
• ?????? ? ?????? ????????

6 / 23
webo.in
7
?????????? ?????? ??????
??????????? ???????????

• Portable Network Graphics (PNG)
• ????????? (??? ?????-??????) 99,5
• ?????????? ???????? ??????
• ?????-????? ????? ImageAlphaLoader
• ??????? 20-40
• Graphics Interchange Format (GIF)
• ????????????? ???????????
• JPEG
• jpegtran ?????????? ??? ?????? ????????

7 / 23
webo.in
8
?????????? ?????? ??????
????????????? ???????

• ????????????
• ??? ????????
• ??????????? ??????
• ????? ???????? ??? ??????
• ??????????
• ??? ??????? ? CSS Sprites
• XHTML ????? ?????? HTML
• ????? HTML 4.01 POSH
• ????? ??????? 20-40

8 / 23
webo.in
9
?????????? ????? ????????
???????? ???????????

• ????? ? ???????
• CSS 1 ???? ????? _at_media (IE5.5)
• JavaScript ??????????????? window.onload
• ??????????? ???????????
• CSS Sprites
• Image Map
• 1 HTML
• ???? iframe ????? ???????? ????????
• ????? ??????? 30-80

9 / 23
webo.in
10
?????????? ????? ????????
????? ? ???????

• CSS-?????
• ??????????? ? 1 ???? ????? _at_media print
• .. ??? ???? ????????? ? HTML
• JavaScript-?????
• ?????? ?? ??????????? ????????
• ??????????? ? 1 ????
• ??? ???????? ? ????? ????? (window.onload)
• ??? ????????? ? HTML
• ????? ??????? 10-30

10 / 23
webo.in
11
?????????? ????? ????????
??????????? ???????????

• CSS Sprites
• 5 ????? ?????? ???????? ? ?????? ??????????
• ????????? ?????????? 99,9
• rollover-???????
• ???-?-?????
• BackgroundImageCache
• Image Map
• ????? ????? ????????? ????????
• ????? ??????? 70-80

11 / 23
webo.in
12
????????????? ???????????
?????? 1 ????!

• ?????????? HTML/CSS/JS
• yandex.ru / ya.ru / yahoo.com
• ??????????? ????? dateimage
• ????????? ?????????? 30 (???, ????? IE)
• ???? ??? IE ( html, first-childhtml, lt!if
  IE, mhtml)
• ?????????? ??????? 30-40
• mod_gzip
• ????? ??????? 70-90

12 / 23
webo.in
13
???????????
???????? ???????????

• ?????? HTML 2-10
• Cache-Control
• max-age, private
• ????? ???? GET-???????
• ??????????? ???????
• ETag
• ????? ???? ???? ?????
• ???????? ??????????
• ????? ??????? ?? 100

13 / 23
webo.in
14
???????????? ????????
?????? ??? ???????!

• ????????? ?????? ???????? (alias)
• ???-??????? ??? ???? ??????
• ???????????? ?? ????????/?????????
• ???????????? ?? ???????
• ?? ?????? 4 ??????
• ????? ??????? ?? 85

14 / 23
webo.in
15
??????????? JavaScript
???????? ?? ??????????

• ??????? JavaScript-???????
• ????????? ?????? ???????????
• ?????????????? ??? ????????
• ????????? ?? ???????
• ??????? window.onload
• DOMContentLoaded / defer
• ???? ?????? ???????? ? ??? JavaScript
• ?????????? ????????? ??? ????????

15 / 23
webo.in
16
??????????? JavaScript
DOM ? ???????

• ????????? ????? DOM-?????????
• ?????????? ????????? ????? ?????
• ?????????? ?????? ???????? ???????????
• ??????????? ???????
• ?????????? ??? ???????????? ?????????
• ???????? ??? ????????? ?????? ?????? ? IE
• ??????????? CSS, ? ?? JavaScript
• ????????? CSS expressions / filters

16 / 23
webo.in
17
??????????? JavaScript
???????? ??????

• ????????? ?????????? ??????????
• ????????? ? ????????? ??????????
• array.length ? var aarray.length // globarVar ?
  var localVar globalVar
• ????????? eval setTimeout / setInterval
• ??????????? ????????? ???????
• ??????????? ???????????? ???????
• myArray.push(value) ? myArrayidxvalue
• ?????????? UI ? ?????? ??????? ??????????

17 / 23
webo.in
18
????????????? ???????
??? ??????

• ??????????? ?? 100
• ???????????? ???????? ?? 85
• CSS Sprites ?? 60
• ??????? minify gzip ?? 40
• ??????????? ??????????? ?? 30
• ??????????? JavaScript ?? 20
• ????????????? ??????? ?? 10

18 / 23
webo.in
19
????????????? ???????
ROI

• Google ?? 500 ?? ????????? 20 ??????????
  ???????
• Amazon ?? 100 ?? ????????? 1 ??????????
  ??????
• Acronis ????????? ? 5 ??? 5 ??????????
  ??????
• www.pmexpert.ru ????????? ? 2,8 ????
• www.creative.su ????????? ? 2,6 ????

19 / 23
webo.in
20
????? ????????????
????????? ??????????

• Firefox Firebug Yslow
• ?????? ? ????? ??????
• ?????? ???????????
• ???????????? ??????
• IE AOL Pagetest
• ????????? ???????? ??? IE
• IE Leak Detector aka Drip
• ?????????? ?????? ?????? ??? IE

20 / 23
webo.in
21
????? ????????????
?????????????? JavaScript

• JsUnit
• ???????????? ? ???????
• AjaxView
• ????????????? Ajax-????????
• JsLex
• ???????????????? ??????????????
• YUI Profiler
• ????? ?????????? ???????
• ?????? ?????? ????????????!

21 / 23
webo.in
22
????? ????????????
??????-???????????

• www.websiteoptimization.com
• ????????? ?????? ????? ???? ??? ????????
• OctaGate SiteTimer / Pingdom Tools
• ????????? ???????? ?????
• ???????????? ?????? ?? Yahoo!
• webo.in
• ?????? ???????? ???????? / ??????? ????????
• ????????? ???????? ????? (??? 4 ?????????)
• ????? 40 ?????? ? ???????? ?? ???????????

22 / 23
webo.in
23
???????. ????????

• ????????? ???, ??? ????????

?????????? ???????, Acronis
webo.in
23 / 23