Верстка сайта - Как ускорить сайт 6 простых шагов

Думаю каждый хоть раз задумывался как птимизировать и ускорить сайт. В этом видео я покажу 6 простых шагов как ускорить сайт, даже если вы начинающий у вас получится сделать эти действия. Верстка сайта иногда получается очень громоздкой с большим количеством лишних стилей и JavaScript кода. Это все мешает сайту загружаться быстро и качественно, поэтому момент скорости сайта нужно также прорабатывать и не забывать о нем. Скорость загрузки сайта очень влияет на отображение сайта в поисковой выдаче ближе к первым местам.

0:00 - Как ускорить сайт
0:34 - Как узнать скорость загрузки сайта?
1:02 - Первый шаг, используйте CDN и почему.
2:15 - Минифицируйте html, css, javascript файлы
3:11 - Оптимизация изображений и SVG. ОЧЕНЬ ВАЖНО!
5:15 - Кэширование сайта
6:20 - Количество HTTP запросов
6:50 - Пишите на html css без Javascript, что можно делать

[viva]

без понятия, почему у WDB так мало активности
хороший канал, в отличии от прочих dev-channelов, полезно и без лишней воды

спасибо)

[gleymius]

Крутые видео! Смотрю с удовольствием

Было бы интересно посмотреть видео, про верстку сайта с возможностью переключения нескольких языков и автоматическом отображении разных страниц с выбранным языком)

[mykola.slisarenko]

Я бы ещё дополнил пункт с минимизацией js/css. Нельзя всё просто сжать и грузить одним блоком. Рекомендуется разбивать на "критический" и "некретический" js. И грузить их в разное время. Также я бы дополнил тему использования картинок пунктом "lazyloading"

[thomasanderson]

А какие пункты из перечисленных подходят для React приложений, учитывая их специфику React приложений?

[ВладЛисовский-мб]

про минифицирования не знал раньше. Открывал другие сайты через консоль и думал "Почему всё так в кучу, они что, писать не умеют код ?" )))

[ИльясСабиров-мл]

Здрасте нужна ли esmascript для react разроботчику для начинающих важно ли знать ЕS6?

[ПростоЧел-сыб]

Большое спасибо за материал! А то кажется, что вёрстка это просто html и css, а на самом деле столько тонкостей.

[burlit]

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

[quillcraft]

Для простых проектов проблемы скорости практически нет. Для действительно больших серьезных проектов нужно применять SSR, но про нее ничего не сказал. Минификация, модуль-сплиттинг, упаковка картинок и текстов может решаться webpack'ом, тоже ничего не сказал. Ну то есть, для тех примеров, что упонянуты проблема скорости загрузки второстепенна.

[ОлегАлбаут]

Base64 увеличивает затраты памяти примерно на 33%, поэтому использовать его стоит только тогда, когда вы точно знаете, зачем вы это делаете.

[Rb-urem]

Добрый день, вопрос немного не по теме

Подскажите где можно найти простую карточную игру (качество и сложность не важно. лучше что-то по проще..)
HTML, CSS, JS, MySQL
Описание: Регистрация игрока, Минимум два участника

Буду очень, благодарен, Спасибо)!

[mrakcw]

Нужно было добавить еще 7 пункт - а именно удаление не используемых стилей на онлайн сервисе uncss-online.com
В прошлом году делал эксперементы по этому сервису и скорости загрузки до и после.
В итоге: - оценка до 82 / - оценка после 99

[alenache]

а как после минифицирования работать с этой кашей? есть обратная процедура?

[Barahten]

Сделай пплиз видео про accessibility и aria-тэги

[woomka]

так лучше будет
<IfModule mod_expires.c>
<FilesMatch

ExpiresActive On
ExpiresDefault "access plus 30 days"
</FilesMatch>
</IfModule>

[yura]

Гугловская мерялка это по сути самый бесполезный инструмент. В моем случае он на кучу всего ругается, но при этом его же Adsense это и есть 3/4 косяков сайта. Удаляешь 2 баннера и сайт типа летает

[kabulisakov]

что, что вот про cdn и минифицирования не знал раньше)) открывал сайты с кодом через консоль и думал какого фига "там всё в кучу" написано😂

[skorotanya]

Даже с самыми простенькими сайтами у меня пока никак не получается добиться попадания в зелëный сектор. (( Видимо, надо подробнее изучить тему ускорения.

[littlegirl]

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

[AmiGator]

фотошоп не умеет оптимизировать фото от слова «совсем».