Скорость сайта: панель инструментов веб-разработчика показывает, что страница занимает некоторое время

Наблюдал за вкладкой сети на панели инструментов веб-разработчика Chrome и заметил, что, похоже, требуется некоторое время (например, пара секунд или около того), чтобы страница попала в браузер. Страница не выполняет никакой тяжелой работы, такой как сложные SQL-запросы.

Другие активы, такие как JS, CSS, изображения и т. д., кажутся разумными. Некэшированные изображения, поступающие с того же сервера, иногда возвращаются в браузер быстрее, чем HTML. Я использую CodeIgniter + Smarty.

Любые идеи, на что я должен обратить внимание, чтобы точно определить узкое место? И что более важно: какие общие стратегии я могу использовать, чтобы ускорить загрузку HTML? Мой вопрос конкретно касается HTML (поскольку другие мои ресурсы работают нормально). Предположим, что сценарий, создающий страницу, действительно выполняется за разумное время (микросекунды).


performance codeigniter pagespeed smarty yslow
person StackOverflowNewbie    schedule 14.06.2012    source источник
comment
У вас есть общедоступный URL-адрес, которым вы могли бы поделиться для этого сайта? Если нет, может быть полезен снимок экрана сетевой панели. Основываясь на ваших комментариях, я подозреваю, что у CodeIgniter проблема с производительностью. Я никогда не использовал его, но похоже, что есть опция профилировщика, которую вы можете включить, чтобы помочь измерить его производительность.   -  person BrianC    schedule 19.06.2012

Ответы (2)


arrow_upward
0
arrow_downward

Чтобы получить подробную информацию о производительности и каскадные диаграммы, перейдите на страницу http://webpagetest.org.

Откуда вы знаете, что проблема именно в вашем HTML?

Пробовали ли вы отображать страницу без каких-либо других ресурсов, без изображений/CSS/JS?

Насколько велик ваш HTML?

Умеете ли вы сжимать/сжимать HTML?

Каково ваше время от webpagetest до первого байта и времени для domReady, когда объектная модель HTML-документа завершена?

person Moin Zaman    schedule 14.06.2012
comment
Я знаю, что это HTML, потому что на вкладке сети показана временная шкала для каждого актива. HTML минимизируется и сжимается. - person StackOverflowNewbie; 15.06.2012

arrow_upward
0
arrow_downward

Есть много вещей, которые могут сократить время загрузки страницы, несколько ниже

1. Добавьте это в свой .htaccess, чтобы включить сжатие контента.

<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 handler ^cgi-script$
   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>

2. Объединение изображений в спрайты CSS.

3. Отложить загрузку JavaScript

Чтобы узнать больше об оптимизации вашей страницы/сайта, вы можете использовать этот инструмент.

Насколько я понимаю, использование любого парсера шаблонов немного замедляет процесс выполнения.

person The Alpha    schedule 14.06.2012
comment
Привет, HTML уже минимизирован и сжат. CSS также минимизирован и сжат, используются спрайты, эффективные селекторы и т. д. Я не думаю, что это проблемы с JS, поскольку я слежу за временной шкалой ресурсов. Вроде есть отставание. Я также использую PageSpeed ​​и YSlow для оптимизации своего сайта, но меня беспокоит временная шкала HTML. - person StackOverflowNewbie; 15.06.2012
comment
Итак, вот ссылка serverfault.com/questions/103479 /is-page-loading-time-relevant, если вы можете найти что-то новое. - person The Alpha; 15.06.2012