3. テキスト
WEB SITE LOADING SPEED IS IMPORTANT
▸ Web site loading speed affect to the Google web search
ranking
4. テキスト
WEB SITE LOADING SPEED IS IMPORTANT
▸ Web site loading speed affect to the revenue of EC site
▸ One Second Could Cost Amazon $1.6 Billion In Sales Per
Year
5. テキスト
HOW TO MAKE THE RESPONSE FASTER
▸ Minify HTML/CSS/JS
▸ Combine CSS/JS*1
▸ CSS Sprite
▸ Multi Subdomains for images*1
▸ Resize Images
▸ Set HTTP cache headers properly
▸ Lazy Loading
▸ Use HTTP/2
*1 It is not effective when you are using HTTP/2
6. テキスト
YOU CAN CHECK YOUR PAGE WITH
Google Page Speed Insights
https://developers.google.com/speed/pagespeed/insights/
10. テキスト
PNG
▸ Never uses full color PNG images ( 24bit / 32bit )
▸ Change to Index Colored PNG with pngquant
▸ Optimize color index with pngrewrite
▸ Optimize deflete compression with AdvanceCOMP
You Can Reduce Image File Size 20%~
14. テキスト
WEBP
▸ WebP is the Jpeg/PNG alternative image format by Google
▸ Size of image will be 25~34% of Jpeg image
▸ Supported OS/Browsers
▸ Android 4.0~
▸ iOS ( SDWebImage library )
▸ Chrome
▸ IE/Safari/Firefox don’t support
You Can Reduce Image File Size 60%~
15. テキスト
HOW TO KNOW THE CLIENT SUPPORTS WEBP OR NOT
Accept:image/webp,image/*,*/*;q=0.8
Check Accept HTTP Request Header