§¨§Ö§ã§ä§à§é§Ñ§Û§ê§Ñ§ñ §à§á§ä§Ú§Þ§Ú§Ù§Ñ§è§Ú§ñ §á§â§à§Ú§Ù§Ó§à§Õ§Ú§ä§Ö§Ý§î§ß§à§ã§ä§Ú §Ó§Ö§Ò-§ã§ä§â§Ñ§ß§Ú§è. Google pagespeed.
?
1 like?1,753 views
§¡ §á§à§é§Ö§Þ§å §ä§Ñ§Ü §Þ§Ö§Õ§Ý§Ö§ß§ß§à? §¹§ä§à §ß§Ö §ä§Ñ§Ü? §¹§Ö§Ü-§Ý§Ú§ã§ä §ä§Ú§á§à§Ó§í§ç §á§â§à§Ò§Ý§Ö§Þ §ã §Ù§Ñ§Ô§â§å§Ù§Ü§à§Û §Ú §à§ä§â§Ú§ã§à§Ó§Ü§à§Û. §®§Ú§Ý§Ý§Ú§ã§Ö§Ü§å§ß§Õ§í = §¥§Ö§ß§î§Ô§Ú! §ª§ß§ã§ä§â§å§Þ§Ö§ß§ä§í §Õ§Ý§ñ §á§â§à§Ó§Ö§â§Ü§Ú §à§á§ä§Ú§Þ§Ñ§Ý§î§ß§à§ã§ä§Ú §Ù§Ñ§Ô§â§å§Ù§Ü§Ú §Ó§Ö§Ò-§ã§ä§â§Ñ§ß§Ú§è. §³§Ø§Ñ§ä§Ú§Ö §Ó§ã§Ö§Ô§à §Ú §Ó§ã§ñ, §â§Ö§Ü§à§Þ§Ö§ß§Õ§Ñ§è§Ú§Ú §á§à §á§à§Õ§Ü§Ý§ð§é§Ö§ß§Ú§ð css §Ú js, §Ü§Ý§Ú§Ö§ß§ä§ã§Ü§Ú§Ö §Ú §ã§Ö§â§Ó§Ö§â§ß§í§Ö §Ü§ï§ê§Ú §Ú §Ú§ç §Ó§Ú§Õ§í, §à§á§ä§Ú§Þ§Ú§Ù§Ñ§è§Ú§ñ §Ü§Ñ§â§ä§Ú§ß§à§Ü, svg §Ú webP, lazy loading, §ê§â§Ú§æ§ä§í, dns-lookup, cdn, gzip §Ú §Þ§ß§à§Ô§à§Ö §Õ§â§å§Ô§à§Ö. §°§ã§à§Ò§Ö§ß§ß§à§ã§ä§Ú §Ó§à§ã§á§â§Ú§ñ§ä§Ú§ñ §ã§Ü§à§â§à§ã§ä§Ú §Ùa§Ô§â§å§Ù§Ü§Ú §Õ§Ý§ñ §Þ§à§Ò§Ú§Ý§î§ß§í§ç §Ò§â§Ñ§å§Ù§Ö§â§à§Ó. §¡ §Ü§Ñ§Ü §ã§Õ§Ö§Ý§Ñ§ä§î §Ò§í§ã§ä§â§à? §°§Ò§ë§Ú§Ö §ã§à§Ó§Ö§ä§í §Ú §ß§Ö§Þ§ß§à§Ô§à §Þ§Ñ§Ô§Ú§Ú §ã google pagespeed §Õ§Ý§ñ nginx §Ú apache.
![server {
...
location ~* .(gif|ico|jpe?g|png)(?[0-9]+)?$ {
expires 1w;
}
location ~* .(css|js)$ {
expires 1d;
}
...
}](https://image.slidesharecdn.com/pagespeed-150331050245-conversion-gate01/85/Google-pagespeed-56-320.jpg)
§¨§Ö§ã§ä§à§é§Ñ§Û§ê§Ñ§ñ §à§á§ä§Ú§Þ§Ú§Ù§Ñ§è§Ú§ñ §á§â§à§Ú§Ù§Ó§à§Õ§Ú§ä§Ö§Ý§î§ß§à§ã§ä§Ú §Ó§Ö§Ò-§ã§ä§â§Ñ§ß§Ú§è. Google pagespeed.
- 1. §¨§Ö§ã§ä§à§é§Ñ§Û§ê§Ñ§ñ §°§á§ä§Ú§Þ§Ú§Ù§Ñ§è§Ú§ñ §ã§Ü§à§â§à§ã§ä§Ú §Ù§Ñ§Ô§â§å§Ù§Ü§Ú §Ó§Ö§Ò-§ã§ä§â§Ñ§ß§Ú§è §¥§Ú§Þ§Ñ §¥§å§Õ§Ú§ß @nedudi
- 5. §©§Ñ§é§Ö§Þ ? ¡ §ß§Ö§å§Ø§Ö§Ý§Ú §ï§ä§à §ä§Ñ§Ü §Ó§Ñ§Ø§ß§à
- 10. 1 §ã§Ö§Ü§å§ß§Õ§Ñ §Ó WEB 11% - §á§à§ä§Ö§â§ñ §Ü§à§Ý§Ú§é§Ö§ã§ä§Ó§Ñ §á§â§à§ã§Þ§à§ä§â§à§Ó. 16% - §á§à§ä§Ö§â§ñ §å§Õ§à§Ó§Ý§Ö§ä§Ó§à§â§Ö§ß§ß§à§ã§ä§Ú §Ü§Ý§Ú§Ö§ß§ä§à§Ó. 7% - §á§à§ä§Ö§â§ñ §Ü§à§ß§Ó§Ö§â§ã§Ú§Ú.
- 11. §¬§à§ß§Ó§Ö§â§ã§Ú§ñ §Þ§Ñ§Ô§Ñ§Ù§Ú§ß§à§Ó §å§Ó§Ö§Ý§Ú§é§Ú§Ó§Ñ§Ö§ä§ã§ñ §ß§Ñ 74% §á§â§Ú §å§Þ§Ö§ß§î§ê§Ö§ß§Ú§Ú §Ó§â§Ö§Þ§Ö§ß§Ú §Ù§Ñ§Ô§â§å§Ù§Ü§Ú §ã 8 §Õ§à 2 §ã§Ö§Ü§å§ß§Õ
- 16. §¥§Ö§ß§î§Ô§Ú - §ß§Ö §Ô§Ý§Ñ§Ó§ß§à§Ö
- 17. §¥§Ö§ß§î§Ô§Ú - §ß§Ö §Ô§Ý§Ñ§Ó§ß§à§Ö
- 18. §¤§§¡§£§¯§°§¦, §é§ä§à-§Ò§í §Ó§ã§Ö §Ò§í§Ý§à §é§Ö§ä§Ü§à
- 19. §¤§§¡§£§¯§°§¦, §é§ä§à-§Ò§í §Ó§ã§Ö §Ò§í§Ý§à §é§Ö§ä§Ü§à
- 22. §¬§Ñ§Ü §á§à§ß§ñ§ä§î ? ¡ §Ñ§ß§Ñ§Ý§Ú§Ù§í, §Ñ§ß§Ñ§Ý§Ú§Ù§í
- 23. Pingdom
- 24. Pingdom
- 25. YSLOW
- 26. WEBPAGETEST
- 27. pagespeed
- 28. pagespeed
- 29. pagespeed
- 30. §´§Ú§á§à§Ó§í§Ö §á§â§à§Ò§Ý§Ö§Þ§í ¡ §ä§ñ§Ø§Ü§à §Ø§Ú§ä§î §Ó§Ö§Ò-§â§Ñ§Ù§â§Ñ§Ò§à§ä§é§Ú§Ü§å
- 34. <Picture>
- 37. vimeo.com/108326836 <picture> <source media="(min-width: 650px)" srcset="images/kitten-stretching.png"> <source media="(min-width: 465px)" srcset="images/kitten-sitting.png"> <img src=/slideshow/google-pagespeed/46485431/"images/kitten-curled.png" alt="a cute kitten"> </picture> scottjehl.github.io/picture?ll
- 38. §ª §Ö§ë§Ö ¡ <img src=/slideshow/google-pagespeed/46485431/¡°hi.png" height="100" width="100" />
- 40. JPEG
- 41. PNG
- 42. SVG
- 44. Lazy loading¡
- 47. GZIP
- 52. 1. Last-Modified
- 53. 2. ETag
- 54. 3. EXPIRES
- 55. <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 2 days" </IfModule>
- 56. server { ... location ~* .(gif|ico|jpe?g|png)(?[0-9]+)?$ { expires 1w; } location ~* .(css|js)$ { expires 1d; } ... }
- 57. 4. MAX AGE
- 58. <ifModule mod_headers.c> <FilesMatch ".(gif|ico)$"> Header set Cache-Control "max-age=2592000, public" </FilesMatch> <FilesMatch ".(js)$"> Header set Cache-Control "max-age=86400, private, must-revalidate" </FilesMatch> <FilesMatch ".(php)$"> Header set Cache-Control "private, no-store, no-cache, must-revalidate, no-transform, max-age=0" Header set Pragma "no-cache" </FilesMatch> </ifModule>
- 59. server { ... location ~* .(?:ico|css|js|gif|jpe?g|png)$ { add_header Cache-Control "max-age=86400, public"; } ... }
- 64. CDN
- 65. :( :)
- 68. DNS Lookup time
- 79. 2013 GRUNT
- 81. 2013 GRUNT 2014 GULP ¡2015 GROLOLO
- 82. 2013 GRUNT 2014 GULP ¡2015 GROLOLO
- 83. 2013 GRUNT 2014 GULP ¡2015 GROLOLO
- 84. 2013 GRUNT 2014 GULP ¡2015 GROLOLO
- 85. 2013 GRUNT 2014 GULP ¡2015 GROLOLO
- 86. 2013 GRUNT 2014 GULP ¡2015 GROLOLO
- 87. 2005-2012
- 88. 2005-2012
- 89. + 2005-2012
- 90. + 2005-2012 ?
- 91. + 2005-2012 ?=
- 92. + 2005-2012 ?=
- 93. + 2005-2012 ?=
- 96. pagespeed
- 97. pagespeed
- 100. Build from source :( Package :)
- 101. Build from source :( Package :)
- 102. Apache ModPagespeedEnableFilters collapse_whitespace Nginx pagespeed EnableFilters collapse_whitespace; Collapse Whitespace
- 103. Apache ModPagespeedEnableFilters insert_dns_prefetch Nginx pagespeed EnableFilters insert_dns_prefetch; Pre-Resolve DNS
- 104. Apache ModPagespeedEnableFilters combine_css Nginx pagespeed EnableFilters combine_css; combine css
- 106. Apache ModPagespeedEnableFilters rewrite_css Nginx pagespeed EnableFilters rewrite_css; Minify CSS
- 107. Apache ModPagespeedEnableFilters move_css_to_head Nginx pagespeed EnableFilters move_css_to_head; Move CSS to Head
- 108. Apache ModPagespeedEnableFilters prioritize_critical_css Nginx pagespeed EnableFilters prioritize_critical_css; Prioritize Critical CSS
- 109. Apache ModPagespeedEnableFilters combine_javascript Nginx pagespeed EnableFilters combine_javascript; combine js
- 110. Apache ModPagespeedEnableFilters rewrite_javascript Nginx pagespeed EnableFilters rewrite_javascript; Minify Js
- 111. Apache ModPagespeedEnableFilters canonicalize_javascript_libraries Nginx pagespeed EnableFilters canonicalize_javascript_libraries; Canonicalize JavaScript Libraries
- 112. Apache ModPagespeedEnableFilters include_js_source_maps Nginx pagespeed EnableFilters include_js_source_maps; Include JavaScript Source Maps
- 113. Apache ModPagespeedEnableFilters move_css_above_scripts Nginx pagespeed EnableFilters move_css_above_scripts; Move CSS Above Scripts
- 114. Apache ModPagespeedEnableFilters defer_javascript Nginx pagespeed EnableFilters defer_javascript; Defer JavaScript
- 115. Apache ModPagespeedEnableFilters dedup_inlined_images Nginx pagespeed EnableFilters dedup_inlined_images; Deduplicate Inlined Images
- 116. Apache ModPagespeedEnableFilters elide_attributes Nginx pagespeed EnableFilters elide_attributes; Elide Attributes
- 118. Apache ModPagespeedEnableFilters extend_cache Nginx pagespeed EnableFilters extend_cache; Extend Cache
- 119. Apache ModPagespeedEnableFilters flatten_css_imports Nginx pagespeed EnableFilters flatten_css_imports; Flatten CSS Imports
- 120. Apache ModPagespeedEnableFilters lazyload_images Nginx pagespeed EnableFilters lazyload_images; Lazyload Images
- 121. Apache ModPagespeedEnableFilters sprite_images Nginx pagespeed EnableFilters sprite_images; Sprite Images
- 122. Apache ModPagespeedEnableFilters rewrite_images Nginx pagespeed EnableFilters rewrite_images; Optimize Images inline_images + inline_preview_images + recompress_images + convert_jpeg_to_webp + resize_images
- 124. Apache ModPagespeedEnableFilters local_storage_cache Nginx pagespeed EnableFilters local_storage_cache; Local Storage Cache
- 129. @nedudi @html5by §£§à§á§â§à§ã§í ? nedudi@gmail.com html5.by vk.com/html5by facebook.com/html5by twitter.com/html5by