Contenu connexe
Similaire à Make your website 2 times faster (20)
Plus de Satoshi Kikuchi (17)
Make your website 2 times faster
- 1. 6
10 10 Apple Store Shinsaibashi
- 5. Bing
50ms
200ms -0.3% -0.4% 500
500ms -0.6% -1.2% -1.0% -0.9% 1200
1000ms -0.7% -0.9% -2.8% -1.9% -1.6% 1900
2000ms -1.8% -2.1% -4.3% -4.4% -3.8% 3100
- 18. Js CSS
300ms
<head>
<link rel="stylesheet" type="text/css" href="stylesheet1.css" />
<script type="text/javascript" src="scriptfile1.js" />
<script type="text/javascript" src="scriptfile2.js" />
<link rel="stylesheet" type="text/css" href="stylesheet2.css" />
<link rel="stylesheet" type="text/css" href="stylesheet3.css" />
</head>
- 19. Js CSS
200ms
<head>
<link rel="stylesheet" type="text/css" href="stylesheet1.css" />
<link rel="stylesheet" type="text/css" href="stylesheet2.css" />
<link rel="stylesheet" type="text/css" href="stylesheet3.css" />
<script type="text/javascript" src="scriptfile1.js" />
<script type="text/javascript" src="scriptfile2.js" />
</head>
- 30. Data URI
<!--[if lt IE 8]>
<img src=”logo.png” alt=”” />
<![endif]-->
<img class=”data-uri”
src=”data:image/gif;base64,R0lGO”
alt=”” />
- 32. Webfont
@font-face {
font-family: Makiba;
src: url(MakibaFont13.eot); /* IE */
src: local("Makiba"), /* webkit*/
url(MakibaFont13.ttf) format("truetype");
}
- 41. OOCSS
CSS
YUI Grid CSS OOCSS
Grid CSS
Nicole Sullivan Facebook
- 47. • Yslow ! - Firebug plugin
• Google Page Speed - Firebug plugin
• MS Fiddler -
• AOL modsconcat - Apach
• W3C linkchecker -
- 54. -moz-image-rendaring
img {
image-rendering: optimizeSpeed;
/* Firefox, (Gecko 1.9.2) */
-ms-interpolation-mode: nearest-
neighbor;
/* Internet Explorer 7.0+ */
}
‣IE7
‣Firefox 3.6
- 57. 11 11 13
OOCSS Nicole Sullivan