Как увеличить скорость загрузки сайта?

Никто не в курсе, существуют ли CDN для самостоятельной загрузки своих файлов? К примеру хочу переместить все свои css и js на облако - возможно?
Не совсем коректный вопрос. Для начала прочитайте хорошую статью: Для просмотра ссылки Войди или Зарегистрируйся

Затем все станет понятно. Все свои css и js вы можете пренести в облако, и даже больше картинки и всю статику можно запихнуть туда.
 
А есть влияние скорости загрузки страницы на поисковую выдачу?
Влияние есть, причем обусловлено двумя факторами.
1. Прямое. поисковики хотят формировать качественную выдачу и давать "тормозные" сайты они не будут, по крайней мере гугл официально сообщал что скорость загрузки сайта имеет значение
2. Косвенное. Даже если сайт качественный СДЛ, боты поисковых систем могут просто не дождаться загрузки сайта чтобы проиндексировать. нет в индексе - нет в выдаче
 
Кстати, на хабре не описан ещё один способ, ускоряющий прорисовку страниц - нужно определять размеры изображений. В таком случае браузеру не придется загружать картинку, чтобы узнать какого она размера.
Актуально для интернет-магазинов
 
Пользуюсь Для просмотра ссылки Войди или Зарегистрируйся, анализирует двумя инструмента Yflow и Google Page Speed.

Простые рекомендации

1) Объединить все css файлы в один, объединить все js файлы в один, и сжать

2) Прогнать все картинки через сервисы, сжимающие изображения без потери качества

3) Настроить gzip сжатие на сервере

4) Настроить кеширование картинок, js, css, html контента на сервере

5) CSS файлы должны подключатся в разделе head страницы

6) JS файлы вынести в подвал страницы, они блокируют отрисовку страницы, и должны загружатся как можно позже

7) Минимизировать использование внешних css и js скриптов (например убрать все возможные счетчики и оставить только самые необходимые)

8) Если грузится jquery и другие библиотеки, поставить из загрзку с CDN серверов Гугла и прочих

9) Использовать CDN для отдачи статических файлов

10) Если используются БД, настроить кэширование запросов

11) Если используется БД, поставить на сайт логгер БД запросов, выявить самые медленные, постараться оптимизировать их
 
Пользуюсь Для просмотра ссылки Войди или Зарегистрируйся, анализирует двумя инструмента Yflow и Google Page Speed.

Использую Google Page Speed. Правда установил его в качестве плагина в лису. Список рекомендаций он выдает динамически. Все рекомендации помечены цветом в зависимости от важности. И что самое главное, программа сама предлагает вам варианты оптимизированных изображений, скриптов и файлов стилей, которые можно скачать и заменить ими свои и тут же запустив программу повторно почувствовать разницу.
1) Объединить все css файлы в один, объединить все js файлы в один, и сжать
Эти файлы иногда как раз иногда и разъединены, чтобы подгружаться по мере использования. Впрочем зависит от обстоятельств.
 
Использую Google Page Speed. Правда установил его в качестве плагина в лису. Список рекомендаций он выдает динамически. Все рекомендации помечены цветом в зависимости от важности. И что самое главное, программа сама предлагает вам варианты оптимизированных изображений, скриптов и файлов стилей, которые можно скачать и заменить ими свои и тут же запустив программу повторно почувствовать разницу.

Эти файлы иногда как раз иногда и разъединены, чтобы подгружаться по мере использования. Впрочем зависит от обстоятельств.


Согласен:) У меня на Опенкарт есть базовые стили, которые я склеил. А есть подгружаемые в зависимости от используемых модулей, разные для каждых страниц. Эти файлы я автоматически на лету склеиваю и сжимаю в один.

Google Page Speed тоже использую, иногда отдельно, иногда в рамках gtmetrix, например для сравнения с конкурентами.
 
Не увидел адреса источника, но почти всегда помогает использовать спрайты, вместо прогрузки изображений по отдельности. Ссылка про спрайты на хабр для примера Для просмотра ссылки Войди или Зарегистрируйся
 
В интернете много чего пишут, например напишите в гугле: "оптимизация загрузки сайта", и там будет достаточно способов. Лично я использовал спрайты и оптимизировал css код. (Например тень сделать не из картинки а с помощью css)
 
Увеличить скорость загрузки сайта можно с помощью кеша а также качественный ВПС.
 
Назад
Сверху