Download as PDF, PPTX
![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)
Uploaded byDmitry Dudin
Жесточайшая оптимизация производительности веб-страниц. Google pagespeed.
Документ обсуждает важность оптимизации скорости загрузки веб-страниц, указывая на значительное влияние каждого дополнительного времени на конверсии и удовлетворенность клиентов. Приведены рекомендации по различным методам ускорения загрузки, включая сжатие изображений и использование кэша. Также упоминаются инструменты и технологии, такие как Grunt и Gulp, для автоматизации процессов оптимизации.
More Related Content
Жесточайшая оптимизация производительности веб-страниц. Google pagespeed.
- 1.
- 5. Зачем ? … неужелиэто так важно
- 6.
- 10. 1 секунда вWEB 11% - потеря количества просмотров. 16% - потеря удовлетворенности клиентов. 7% - потеря конверсии.
- 11. Конверсия магазинов увеличивается на 74% приуменьшении времени загрузки с 8 до 2 секунд
- 16. Деньги - неглавное
- 17. Деньги - неглавное
- 18. ГЛАВНОЕ, что-бы всебыло четко
- 19. ГЛАВНОЕ, что-бы всебыло четко
- 20.
- 21.
- 22. Как понять ? …анализы, анализы
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30. Типовые проблемы … тяжкожить веб-разработчику
- 31.
- 32.
- 33.
- 34.
- 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="images/kitten-curled.png" alt="acute kitten"> </picture> scottjehl.github.io/picturefill
- 38. И еще … <imgsrc=“hi.png" height="100" width="100" />
- 39.
- 40.
- 41.
- 42.
- 44.
- 47.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. <IfModule mod_expires.c> ExpiresActive On ExpiresByTypeimage/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.
- 58. <ifModule mod_headers.c> <FilesMatch ".(gif|ico)$"> Headerset 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"; } ... }
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 68.
- 70.
- 71.
- 72.
- 73.
- 76.
- 79.
- 80.
- 81. 2013 GRUNT 2014 GULP …2015GROLOLO
- 82. 2013 GRUNT 2014 GULP …2015GROLOLO
- 83. 2013 GRUNT 2014 GULP …2015GROLOLO
- 84. 2013 GRUNT 2014 GULP …2015GROLOLO
- 85. 2013 GRUNT 2014 GULP …2015GROLOLO
- 86. 2013 GRUNT 2014 GULP …2015GROLOLO
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 99.
- 100. Build from source:( Package :)
- 101. Build from source:( Package :)
- 102. Apache ModPagespeedEnableFilters collapse_whitespace Nginx pagespeed EnableFilterscollapse_whitespace; Collapse Whitespace
- 103. Apache ModPagespeedEnableFilters insert_dns_prefetch Nginx pagespeed EnableFiltersinsert_dns_prefetch; Pre-Resolve DNS
- 104. Apache ModPagespeedEnableFilters combine_css Nginx pagespeed EnableFilterscombine_css; combine css
- 106. Apache ModPagespeedEnableFilters rewrite_css Nginx pagespeed EnableFiltersrewrite_css; Minify CSS
- 107. Apache ModPagespeedEnableFilters move_css_to_head Nginx pagespeed EnableFiltersmove_css_to_head; Move CSS to Head
- 108. Apache ModPagespeedEnableFilters prioritize_critical_css Nginx pagespeed EnableFiltersprioritize_critical_css; Prioritize Critical CSS
- 109. Apache ModPagespeedEnableFilters combine_javascript Nginx pagespeed EnableFilterscombine_javascript; combine js
- 110. Apache ModPagespeedEnableFilters rewrite_javascript Nginx pagespeed EnableFiltersrewrite_javascript; Minify Js
- 111.
- 112.
- 113.
- 114. Apache ModPagespeedEnableFilters defer_javascript Nginx pagespeed EnableFiltersdefer_javascript; Defer JavaScript
- 115. Apache ModPagespeedEnableFilters dedup_inlined_images Nginx pagespeed EnableFiltersdedup_inlined_images; Deduplicate Inlined Images
- 116. Apache ModPagespeedEnableFilters elide_attributes Nginx pagespeed EnableFilterselide_attributes; Elide Attributes
- 118. Apache ModPagespeedEnableFilters extend_cache Nginx pagespeed EnableFiltersextend_cache; Extend Cache
- 119. Apache ModPagespeedEnableFilters flatten_css_imports Nginx pagespeed EnableFiltersflatten_css_imports; Flatten CSS Imports
- 120. Apache ModPagespeedEnableFilters lazyload_images Nginx pagespeed EnableFilterslazyload_images; Lazyload Images
- 121. Apache ModPagespeedEnableFilters sprite_images Nginx pagespeed EnableFilterssprite_images; Sprite Images
- 122. Apache ModPagespeedEnableFilters rewrite_images Nginx pagespeed EnableFiltersrewrite_images; Optimize Images inline_images + inline_preview_images + recompress_images + convert_jpeg_to_webp + resize_images
- 123.
- 124. Apache ModPagespeedEnableFilters local_storage_cache Nginx pagespeed EnableFilterslocal_storage_cache; Local Storage Cache
- 125.
- 126.
- 127.
- 128.
- 129. @nedudi @html5by Вопросы ?nedudi@gmail.com html5.by vk.com/html5by facebook.com/html5by twitter.com/html5by