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

FosFer

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

Затем все станет понятно. Все свои css и js вы можете пренести в облако, и даже больше картинки и всю статику можно запихнуть туда.
 

sergcv

Создатель
Регистрация
8 Янв 2007
Сообщения
21
Реакции
11
А есть влияние скорости загрузки страницы на поисковую выдачу?
Влияние есть, причем обусловлено двумя факторами.
1. Прямое. поисковики хотят формировать качественную выдачу и давать "тормозные" сайты они не будут, по крайней мере гугл официально сообщал что скорость загрузки сайта имеет значение
2. Косвенное. Даже если сайт качественный СДЛ, боты поисковых систем могут просто не дождаться загрузки сайта чтобы проиндексировать. нет в индексе - нет в выдаче
 

Wharfadale

Постоялец
Регистрация
31 Июл 2007
Сообщения
57
Реакции
2
Кстати, на хабре не описан ещё один способ, ускоряющий прорисовку страниц - нужно определять размеры изображений. В таком случае браузеру не придется загружать картинку, чтобы узнать какого она размера.
Актуально для интернет-магазинов
 

truebugi

Создатель
Регистрация
13 Июн 2013
Сообщения
34
Реакции
8
Пользуюсь Для просмотра ссылки Войди или Зарегистрируйся, анализирует двумя инструмента 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) Если используется БД, поставить на сайт логгер БД запросов, выявить самые медленные, постараться оптимизировать их
 

leha706

Постоялец
Регистрация
6 Мар 2013
Сообщения
90
Реакции
32
Пользуюсь Для просмотра ссылки Войди или Зарегистрируйся, анализирует двумя инструмента Yflow и Google Page Speed.

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

truebugi

Создатель
Регистрация
13 Июн 2013
Сообщения
34
Реакции
8
Использую Google Page Speed. Правда установил его в качестве плагина в лису. Список рекомендаций он выдает динамически. Все рекомендации помечены цветом в зависимости от важности. И что самое главное, программа сама предлагает вам варианты оптимизированных изображений, скриптов и файлов стилей, которые можно скачать и заменить ими свои и тут же запустив программу повторно почувствовать разницу.

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


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

Google Page Speed тоже использую, иногда отдельно, иногда в рамках gtmetrix, например для сравнения с конкурентами.
 

Webforce

Писатель
Регистрация
11 Апр 2012
Сообщения
7
Реакции
0
Не увидел адреса источника, но почти всегда помогает использовать спрайты, вместо прогрузки изображений по отдельности. Ссылка про спрайты на хабр для примера Для просмотра ссылки Войди или Зарегистрируйся
 

Arez1

Писатель
Регистрация
19 Янв 2014
Сообщения
5
Реакции
0
В интернете много чего пишут, например напишите в гугле: "оптимизация загрузки сайта", и там будет достаточно способов. Лично я использовал спрайты и оптимизировал css код. (Например тень сделать не из картинки а с помощью css)
 

kovtalo

Создатель
Регистрация
28 Окт 2013
Сообщения
37
Реакции
2
Увеличить скорость загрузки сайта можно с помощью кеша а также качественный ВПС.
 
Сверху