Медленный сайт ... но только в Chrome / Safari

Question

Я пытаюсь найти ошибку в веб-приложении, из-за которой Chrome и Safari загружают страницу до 15 секунд (Firefox и IE, проблем нет).Я пытался использовать инструменты разработчика Chrome, чтобы выяснить, что вызывает замедление, но не могу понять, какие элементы / сценарии замедляют страницу.

Это сайт joomla с пользовательским дополнением (сделано другим разработчиком, а не мной) ... ищу помощь в диагностике проблемы.

URL-адрес http://www.norfolktourism.ca/index.php?option=com_eventlist&view=eventlist&Itemid=70

Answer 1

Некоторые советы:

1. Сохраните фоновое изображение и каждое изображение, которое появляется в заголовке, в формате png, чтобы уменьшить их размер

2. Попробуйте включить gzip, потому что html-контент слишком много весит

3. Используйте утилиты разработчиков Chrome для анализа каждого запроса, выполняемого на странице, чтобы понять, что медленно

ОБНОВЛЕНИЕ: попробуйте удалить скрипт addthis_widget.js, он загружает много ресурсов и добавляет скрытый iframe, который замедляет Chrome

Answer 2

Я пытался загрузить страницу с отключенным JavaScript в Chrome, и он все еще очень медленный.Используя инструменты разработчика Chrome, я вижу 25 сообщений, показывающих "синтаксис самозакрывающегося тега XML, используемый для. Тег не будет закрыт."Невозможно прочитать свойство 'ANY_TYPE' из неопределенного] ".

Кажется, есть довольно много тегов div, которые закрываются самостоятельно;хотя не должно вызывать проблемы, не помешает их очистить.

Answer 3

Я рекомендую вам попробовать некоторые хромированные расширения:

• Firebug Lite: https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench
• Speed ​​Tracer: https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl

Я думаюFirebug лучше, чем стандартные инструменты разработчика Chrome.А трассировщик скорости может быть весьма полезен для отслеживания предметов, загрузка которых занимает слишком много времени.

Answer 4

Вы можете попытаться отследить проблему с помощью временной шкалы DevTools.

Хронология видео-гида

Другие руководства DevTools

Некоторые изменения в пользовательском интерфейсе временной шкалы произошли после записи видео. Например, все события верхнего уровня свернуты по умолчанию. Но идея та же.

Как я вижу, проблема не в JavaScript, а в пересчете макетов.

Answer 5

Не показывая нам никакого кода / скрипта, мы не можем помочь.Одна вещь, которую я могу порекомендовать, это начать с одной панели и сохранить dding, чтобы определить основную причину этого.

Мои инстинкты говорят мне, что это загрузчик изображений, поскольку в этом может быть некоторая ошибка JS.В верхнем правом углу удалите это и попробуйте загрузить страницу в Chrome.Если вы заметили, что это намного быстрее, вы знаете, что это ваша проблема.