Как я могу заставить свою веб-страницу загрузиться быстрее?

Я не нашел функция захвата карты полезна. Это очень шикарно, но привлекает мое внимание, а составленные им списки домов никогда не привлекали моего внимания. Я бы предпочел более обычную функцию поиска, возможно, расширенную от функции поиска ввода. И, просматривая исходный файл, похоже, что javascript карты и домашнего списка занимает 2/3 источника. Без него загрузка должна быть быстрее.

Я бы посоветовал загрузить Safari и использовать их замечательные инструменты Dev (и красивый интерфейс), чтобы точно увидеть, что занимает так много времени и что вы можете сделать, чтобы ускорить его вверх.

Если вы используете JQuery, не

Помимо предложений выше:

• Не используйте выражения CSS.

• Ваш код эффекта затухания пытается установить недопустимый цвет # ffff100. Почему вы не используете jQuery.animate () ?

   $ () .animate ({backgroundColor: }, )
  

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

1. Изображения: Photoshop может оптимизировать ваши изображения для сохранения в Интернете . Это сокращает ОГРОМНОЕ количество места.
2. Скрипты: меньше циклов, больше оптимизированных решений и т. Д.
3. HTML: макеты без таблиц (это уменьшает довольно много тегов)
4. CSS: меньше использования таких функций, как фильтры и т. д.

Это советы по оптимизации ЛЮБОЙ веб-страницы.

Вы загружают некоторые библиотеки JS, и всякий раз, когда движок рендеринга встречает тег, браузер останавливается и начинает его выполнение, и все сидят и ждут, пока ваша здоровенная библиотека JavaScript закончит загрузку.

Прочтите эту статью: неблокирующие документы JavaScript и примените его к своему сайту. Также перенесите весь JavaScript на свою веб-страницу и загрузите их разблокирующим способом в конце вашей страницы. Весь ваш JS будет выполняться, пока оптические нейроны пользователей передают первые визуальные эффекты страницы и пытаются выяснить, где щелкнуть. Кстати, это называется воспринимаемой производительностью.

Предоставить сжатый сжатый контент браузерам, которые его примут.

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

Прочтите и примените все, что Стив Содерс когда-либо писал (особенно, но не исключительно его две превосходные книги), это как раз об этих самых вопросах (возможно, 10% его великолепных рекомендаций - это те виды, которые вы не хотите слышать, например, использование CDN, но подавляющее большинство из них точно соответствует тому, о чем вы спрашиваете).

Учитывая, что время загрузки HTML и CSS не требуется, кроме его загрузки , если вы не желаете переносить его во внешние файлы или использовать сервер -стороннее решение, такое как сжатие, то вы ничего не можете сделать, кроме как уменьшить фактический размер кода. И на самом деле, это не будет иметь большого значения для ваших страниц.

С точки зрения вашего Javascript ... у вас есть тонна этого встроенного на странице, и, вероятно, это причина вашей медлительности. К сожалению, я не могу выделить час своего дня, чтобы рассказать вам обо всем этом. Stack Overflow - это не бесплатная работа ... если вы хотите сузить время задержки до определенной области, я был бы рад помочь проанализировать ее, но попросил кого-нибудь взять весь ваш сайт и проанализировать его с нуля многовато.

Apache mod_expire обеспечивает настолько более быструю загрузку, что вы заметите это даже в локальных тестах. Как сказал Мэтт Гранде, неплохо использовать mod_expire для всего статического контента, включая файлы .js. Большинство "действительно больших" сайтов используют это или аналогичные, включая Stackoverflow.com.

оптимизировать изображения, использовать спрайты, оптимизировать html, разделять css, js, сжимать / минимизировать, использовать кеширование и агрегацию для объединения js / css в один файл. пользовательское кэширование на стороне сервера, получите более быстрый сервер, убедитесь, что у вас быстрая сеть с минимальной задержкой и быстрым временем отклика.

По моему опыту:

(1) Установите расширения YSlow и Page Speed ​​ для Firefox и по возможности следуйте их советам.

(2) Очень важно: настройте HTTP-кеширование для каталогов, в которых вы храните изображения, файлы JS и CSS. Я просто помещаю их в каталог с именем static и помещаю туда этот файл .htaccess :

<IfModule mod_headers.c>
    Header set Cache-Control "max-age=29030400, public"
</IfModule>
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault A29030400
    ExpiresByType image/x-icon A29030400
    ExpiresByType application/x-javascript A29030400
    ExpiresByType application/javascript A29030400
    ExpiresByType text/css A29030400
    ExpiresByType image/gif A29030400
    ExpiresByType image/png A29030400
    ExpiresByType image/jpeg A29030400
    ExpiresByType text/plain A29030400
    ExpiresByType application/x-shockwave-flash A29030400
    ExpiresByType video/x-flv A29030400
    ExpiresByType application/pdf A29030400
    ExpiresByType text/html A29030400
</IfModule>

(3) Возьмите код CSS из файла HTML и поместите это в отдельный файл CSS.

(4) Объедините ваши файлы JS в один файл. Затем будет полезно сжать этот файл с помощью JSMin .

(5) Включите сжатие gzip в Apache для статических текстовых файлов. Если у вас есть mod_deflate на вашем сервере Apache, поместите его в . htaccess в корневом каталоге вашего веб-сайта:

<IfModule mod_headers.c>
    <FilesMatch "\\.(js|css|html|htm|php|xml)$">
        SetOutputFilter DEFLATE
    </FilesMatch>
 </IfModule>