Как оптимизировать скорость страницы, когда много подключенных css и js внешних файлов?

Question

[freeman0204]

Вот ссылка на тест Отключить внешние файлы я не могу, написать скрипты с файла common.js могу в html файле но это ничего на дает.
Что посоветуете? На компе у меня грузится все нормально, на смартфоне с edge нужно сек 5-10 подождать. Я для телефона на слайдере даже картинки в 2 раза уменьшил.

Answer 1

[Shodan Mind]

CDN?

Comments

[freeman0204]

Точно. А как быть с css?

[tasce]

Объединить в один файл и минифицировать.

[freeman0204]

tasce: я так понимаю Gulp с этим справится или подобные фичи? Получается на локалке у меня все по отдельности для удобства, а на сервер кидаю cdn и минимизированный все в один файл css?

[tasce]

Артур Черешнюк: Да

Answer 2

[Александр Таратин]

http2

Answer 3

[Алексей Струков]

Там кстати есть еще хитрый способ грузить необходимый css для видимой части страницы внутри html в теге style, а после загрузки страницы загружается основной css, который располагается после тега html. По иронии судьбы сейчас как раз 5 минут назад читал правила поведения этого сервиса от гугла)))

Comments

[Илья Пирожок]

Скажу немного иначе) В общем когда пользователь переходит на ваш сайт он видим первым делом шапку сайта, так? Вот тут и можно применять этот способ а именно стили шапки сайта мы вставляем стилями в сам html код в остальные части сайта уже подгружаем из внешних файлов тем самым не показывая этого пользователю

Answer 4

[Андрей Шедько]

RequireJs как еще один помощник, кроме уже упомянутых. https://blog.serverdensity.com/improving-frontend-...