Быстрая загрузка своего сайта на компьютер пользователя

Если Вы не нашли подходящего раздела, для вопроса связанного с web строительством, то Вам сюда.
Аватара пользователя
Slash
Администратор
Сообщения: 2031
Поблагодарили: 62 раза

Быстрая загрузка своего сайта на компьютер пользователя

Сообщение Slash » Чт ноя 01, 2012 10:57 am

Долгая загрузка страницы вашего сайта на компьютер пользователя, может стать причиной потери пользователя - он просто устанет ждать и закроет страницу. Имейте ввиду, что не у всех ваших посетителей скорость интернета позволяет мгновенно загружать файлы с всемирной паутины. Немного похимичим? Что-то, да получится!

Первое, что могу посоветовать: не в коем случаи не вставляйте каскадную таблицу стилей в сам документ, лучше сделать один файл, например: style.css, это сэкономит вам немного килобайт, т.к. CSS-файл кэшируется браузером (если такая функция ему дозволена) и в дальнейшем загрузка этого файла производиться не будет. Так же можно сжать сам файл style.css, при помощи сервиса http://www.cssoptimiser.com/ - он объединяет однородные классы, удаляет ненужные свойства, пробелы, отступы и так далее. Результат: нечитабельный код для вебмастера, разница в загрузке страниц становится не на много значительной.

Добавьте в .htaccess, следующий код (нашел в Интернете):

Код: Выделить всё

<ifModule mod_expires.c>
    
ExpiresActive On
    ExpiresDefault 
"access plus 5 seconds"
    
ExpiresByType image/x-icon "access plus 2592000 seconds"
    
ExpiresByType image/jpeg "access plus 2592000 seconds"
    
ExpiresByType image/png "access plus 2592000 seconds"
    
ExpiresByType image/gif "access plus 2592000 seconds"
    
ExpiresByType video/ogg "access plus 1 month"
    
ExpiresByType audio/ogg "access plus 1 month"
    
ExpiresByType video/mp4 "access plus 1 month"
    
ExpiresByType video/webm "access plus 1 month"
    
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
    
ExpiresByType text/css "access plus 604800 seconds"
    
ExpiresByType text/javascript "access plus 604800 seconds"
    
ExpiresByType application/javascript "access plus 604800 seconds"
    
ExpiresByType application/x-javascript "access plus 604800 seconds"
    
ExpiresByType text/html "access plus 43200 seconds"
    
ExpiresByType application/xhtml+xml "access plus 600 seconds"
    
ExpiresByType text/xml "access plus 600 seconds"
    
ExpiresByType application/xml "access plus 600 seconds"
    
ExpiresByType application/json "access plus 600 seconds"
    
ExpiresByType application/rss+xml "access plus 1 hour"
    
ExpiresByType application/atom+xml "access plus 1 hour"
    
ExpiresByType text/x-component "access plus 1 week"
    
ExpiresByType application/x-font-ttf "access plus 1 month"
    
ExpiresByType font/opentype "access plus 1 month"
    
ExpiresByType application/x-font-woff "access plus 1 month"
    
ExpiresByType image/svg+xml "access plus 1 month"
    
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
</ifModule>

<
IfModule mod_gzip.c>
    
mod_gzip_on         Yes
    mod_gzip_dechunk    Yes
    mod_gzip_item_include file 
\.(html?|txt|css|js|php|pl)$
    
mod_gzip_item_include mime ^text\.*
    
mod_gzip_item_include mime ^application/x-javascript.*
    
mod_gzip_item_exclude mime ^image\.*
    
mod_gzip_item_exclude rspheader   ^Content-Encoding:.*gzip.*
</
IfModule


Проверить скорость загрузки, можно тут: https://developers.google.com/speed/pagespeed/insights/
Реклама
cefp
Сообщения: 333
Поблагодарили: 3 раза

Re: Быстрая загрузка своего сайта на компьютер пользователя

Сообщение cefp » Чт ноя 01, 2012 1:42 pm

Можно просто посмотреть что влияет на скорость загрузки используя специальные сервисы. Вот за счет чего можно увеличить скорость:
Быстрая загрузка своего сайта на компьютер пользователя - h_1353731348_2091698_ede6bf62f0.png
 

На этой картинке красным для примера показано как можно увеличить скорость загрузки сайта danfa.org
Например можно включить сжатие:

Код: Выделить всё

Сжатие следующих ресурсов посредством gzip позволит уменьшить их размер для переноса на 211.8Кб (на 71%).

    Сжатие http://danfa.org/style.php?id=1&lang=ru позволит уменьшить размер на 60.1Кб (на 80%).
    Сжатие http://danfa.org/highslide/highslide-with-gallery.js позволит уменьшить размер на 54.2Кб (на 71%).
    Сжатие http://danfa.org/styles/prosilver/template/jquery-1.8.2.min.js позволит уменьшить размер на 41.2Кб (на 64%).
    Сжатие http://danfa.org/highslide/highslide.css позволит уменьшить размер на 17.4Кб (на 83%).
    Сжатие http://p.leashac.com/js/jQuery.js позволит уменьшить размер на 8.6Кб (на 70%).
    Сжатие http://danfa.org/styles/prosilver/template/editor.js позволит уменьшить размер на 6.8Кб (на 67%).
    Сжатие http://danfa.org/styles/prosilver/template/forum_fn.js позволит уменьшить размер на 6.0Кб (на 63%).
    Сжатие http://polimantu.com/09hd4/bc383631/9e5759 позволит уменьшить размер на 5.9Кб (на 67%).
    Сжатие http://odnaknopka.ru/ok2.js позволит уменьшить размер на 4.0Кб (на 67%).
    Сжатие http://counter.rambler.ru/top100.jcn?2762456 позволит уменьшить размер на 3.8Кб (на 56%).
    Сжатие http://danfa.org/styles/prosilver/template/styleswitcher.js позволит уменьшить размер на 2.0Кб (на 68%).
    Сжатие http://danfa.org/styles/prosilver/theme/print.css позволит уменьшить размер на 1.9Кб (на 62%).        

Можно еще включить кэширование:

Код: Выделить всё

Следующие кэшируемые ресурсы имеют короткий срок действия. В дальнейшем следует указать для следующих ресурсов срок действия не менее недели:

    http://danfa.org/favicon.ico (не указан срок истечения действия)
    http://danfa.org/highslide/graphics/loader.white.gif (не указан срок истечения действия)
    http://danfa.org/highslide/graphics/outlines/rounded-white.png (не указан срок истечения действия)
    http://danfa.org/highslide/highslide-with-gallery.js (не указан срок истечения действия)
    http://danfa.org/highslide/highslide.css (не указан срок истечения действия)
    http://danfa.org/images/dopinfo_down.gif (не указан срок истечения действия)
    http://danfa.org/images/ranks/administrator.png (не указан срок истечения действия)
    http://danfa.org/images/reputation/add.png (не указан срок истечения действия)
    http://danfa.org/images/reputation/pos.gif (не указан срок истечения действия)
    http://danfa.org/images/reputation/subtract.png (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_arrow.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_cool.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_cry.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_biggrin.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_confused.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_geek.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_sad.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_smile.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_surprised.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_ugeek.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_e_wink.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_eek.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_evil.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_exclaim.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_idea.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_lol.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_mad.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_mrgreen.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_neutral.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_question.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_razz.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_redface.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_rolleyes.gif (не указан срок истечения действия)
    http://danfa.org/images/smilies/icon_twisted.gif (не указан срок истечения действия)
    http://danfa.org/images/spacer.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/icon_back_top.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/icon_contact_www.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/icon_post_report.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/icon_post_target.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/icon_topic_latest.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/ru/button_topic_reply.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/ru/icon_contact_pm.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/ru/icon_contact_profile.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/ru/icon_post_quickquote.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/ru/icon_post_quote.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/site_logo.png (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/thankposts.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/imageset/topic_read.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/template/editor.js (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/template/forum_fn.js (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/template/jquery-1.8.2.min.js (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/template/styleswitcher.js (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/arrow_left.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/bg_button.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/bg_header.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/corners_left.png (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/corners_right.png (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/forum.jpg (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/header.jpg (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_bookmark.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_faq.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_fontsize.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_home.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_logout.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_members.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_print.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_profiles.png (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_search.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_sendemail.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_subscribe.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_textbox_search.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_thanks.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_thanks_toplist.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/icon_ucp.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_bg.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_corner.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_corner_right.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_search.gif (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/large.css (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/medium.css (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/normal.css (не указан срок истечения действия)
    http://danfa.org/styles/prosilver/theme/print.css (не указан срок истечения действия)
    http://odnaknopka.ru/images/button.gif (не указан срок истечения действия)
    http://odnaknopka.ru/images/panel.png (не указан срок истечения действия)
    http://odnaknopka.ru/ok2.js (не указан срок истечения действия)
    http://polimantu.com/09hd4/bc383631/9e5759 (не указан срок истечения действия)
    http://openstat.net/digits?cid=2107790&ls=0&ln=5083&tc=c3c3c3 (10 minutes)
    http://p.leashac.com/js/jQuery.js (1 hour)
    http://pagead2.googlesyndication.com/pagead/osd.js (1 hour)
    http://pagead2.googlesyndication.com/pagead/show_ads.js (1 hour)       

Самое сложное это спрайты:

Код: Выделить всё

Следующие изображения, предоставленные с danfa.org, необходимо объединить в CSS-спрайты, чтобы уменьшить их количество до минимального. 

    http
://danfa.org/images/dopinfo_down.gif
    http://danfa.org/images/reputation/add.png
    http://danfa.org/images/reputation/pos.gif
    http://danfa.org/images/reputation/subtract.png
    http://danfa.org/images/smilies/icon_arrow.gif
    http://danfa.org/images/smilies/icon_cool.gif
    http://danfa.org/images/smilies/icon_cry.gif
    http://danfa.org/images/smilies/icon_e_biggrin.gif
    http://danfa.org/images/smilies/icon_e_confused.gif
    http://danfa.org/images/smilies/icon_e_geek.gif
    http://danfa.org/images/smilies/icon_e_sad.gif
    http://danfa.org/images/smilies/icon_e_smile.gif
    http://danfa.org/images/smilies/icon_e_surprised.gif
    http://danfa.org/images/smilies/icon_e_ugeek.gif
    http://danfa.org/images/smilies/icon_e_wink.gif
    http://danfa.org/images/smilies/icon_eek.gif
    http://danfa.org/images/smilies/icon_evil.gif
    http://danfa.org/images/smilies/icon_exclaim.gif
    http://danfa.org/images/smilies/icon_idea.gif
    http://danfa.org/images/smilies/icon_lol.gif
    http://danfa.org/images/smilies/icon_mad.gif
    http://danfa.org/images/smilies/icon_mrgreen.gif
    http://danfa.org/images/smilies/icon_neutral.gif
    http://danfa.org/images/smilies/icon_question.gif
    http://danfa.org/images/smilies/icon_razz.gif
    http://danfa.org/images/smilies/icon_rolleyes.gif
    http://danfa.org/images/smilies/icon_twisted.gif
    http://danfa.org/styles/prosilver/imageset/icon_back_top.gif
    http://danfa.org/styles/prosilver/imageset/icon_contact_www.gif
    http://danfa.org/styles/prosilver/imageset/icon_post_report.gif
    http://danfa.org/styles/prosilver/imageset/icon_post_target.gif
    http://danfa.org/styles/prosilver/imageset/icon_topic_latest.gif
    http://danfa.org/styles/prosilver/imageset/ru/button_topic_reply.gif
    http://danfa.org/styles/prosilver/imageset/ru/icon_contact_pm.gif
    http://danfa.org/styles/prosilver/imageset/ru/icon_post_quote.gif
    http://danfa.org/styles/prosilver/imageset/thankposts.gif
    http://danfa.org/styles/prosilver/imageset/topic_read.gif
    http://danfa.org/styles/prosilver/theme/images/arrow_left.gif
    http://danfa.org/styles/prosilver/theme/images/bg_button.gif
    http://danfa.org/styles/prosilver/theme/images/bg_header.gif
    http://danfa.org/styles/prosilver/theme/images/corners_left.png
    http://danfa.org/styles/prosilver/theme/images/corners_right.png
    http://danfa.org/styles/prosilver/theme/images/icon_bookmark.gif
    http://danfa.org/styles/prosilver/theme/images/icon_faq.gif
    http://danfa.org/styles/prosilver/theme/images/icon_fontsize.gif
    http://danfa.org/styles/prosilver/theme/images/icon_home.gif
    http://danfa.org/styles/prosilver/theme/images/icon_logout.gif
    http://danfa.org/styles/prosilver/theme/images/icon_members.gif
    http://danfa.org/styles/prosilver/theme/images/icon_print.gif
    http://danfa.org/styles/prosilver/theme/images/icon_profiles.png
    http://danfa.org/styles/prosilver/theme/images/icon_search.gif
    http://danfa.org/styles/prosilver/theme/images/icon_sendemail.gif
    http://danfa.org/styles/prosilver/theme/images/icon_subscribe.gif
    http://danfa.org/styles/prosilver/theme/images/icon_textbox_search.gif
    http://danfa.org/styles/prosilver/theme/images/icon_thanks.gif
    http://danfa.org/styles/prosilver/theme/images/icon_thanks_toplist.gif
    http://danfa.org/styles/prosilver/theme/images/icon_ucp.gif
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_bg.gif
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_corner.gif
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_corner_right.gif
    http://danfa.org/styles/prosilver/theme/images/menu/gray/menu_search.gif       

Еще на скорость загрузки влияет выбор быстрого хостинга.
d o h o d - s - n u l y a .ru - идеи бизнеса.
lepestok
Сообщения: 10

Re: Быстрая загрузка своего сайта на компьютер пользователя

Сообщение lepestok » Вс ноя 18, 2012 7:29 pm

Еще скорость загрузки немного зависит от браузера. Опера лучше всех сжимает трафик и сайты грузятся быстрее немного.
torg
Сообщения: 95

Re: Быстрая загрузка своего сайта на компьютер пользователя

Сообщение torg » Ср ноя 21, 2012 8:14 pm

Сжатием трафика в Опере лучше не пользоваться :)
Картинки портятся и не всё корректно грузится.
Режимом турбо не пользуюсь. Толку от него нет.

Все браузеры примерно одинаковы. Главное какой интернет у вас дома.

По CSS мне не нравится когда его ужимают. На тексте не сэкономишь, а читабельности нет.
Главнее картинки оптимизировать/сжать.
Аватара пользователя
BomboSD2012
Сообщения: 42

Re: Быстрая загрузка своего сайта на компьютер пользователя

Сообщение BomboSD2012 » Чт ноя 22, 2012 2:14 pm

Сейчас уже даже в самых отдаленных уголках страны быстрый интернет - скорость до 8 Мбит/с. Поэтому скорее всего это уже и не понадобится.
torg
Сообщения: 95

Re: Быстрая загрузка своего сайта на компьютер пользователя

Сообщение torg » Пт авг 02, 2013 8:06 pm

Оптимизация нужна всегда.
Я сильно раздутые сайты с кучей фигни больше не посещаю.
Не люблю всякие кнопки соц сетей, лишние картинки, всплывающие окна.
Сайт в первую очередь должен приносить информацию, а не кучу бесполезного всего, отвлекающего пользователя от главной задачи (поиска инфы нужной).
Аватара пользователя
greendev
Сообщения: 79

Re: Быстрая загрузка своего сайта на компьютер пользователя

Сообщение greendev » Вс авг 04, 2013 1:32 am

Еще рекомендуют использовать асинхронную загрузку js-скриптов или помещать их перед закрывающим тегом </body>.

---
Статейка на Хабре - http://habrahabr.ru/post/178561/
Аватара пользователя
Slash
Администратор
Сообщения: 2031
Поблагодарили: 62 раза

Re: Быстрая загрузка своего сайта на компьютер пользователя

Сообщение Slash » Вс мар 22, 2015 3:08 pm

Были сильные тормоза на форуме. Форумы начали тормозить вчера или позавчера, точно не знаю.
Причиной тормоза оказался блок Поделиться от Яндекса (https://tech.yandex.ru/share/)
Сменил блок на PLUSO (http://share.pluso.ru/), желаемого результата не дало. Отказался от этих кнопок вообще.

Вернуться в «Прочее»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость