Верстка сайта - Как ускорить сайт 6 простых шагов
HTML-код
- Опубликовано: 20 май 2024
- Думаю каждый хоть раз задумывался как птимизировать и ускорить сайт. В этом видео я покажу 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, что можно делать
без понятия, почему у WDB так мало активности
хороший канал, в отличии от прочих dev-channelов, полезно и без лишней воды
спасибо)
Спасибо!
у большинства хороших каналов по веб деву активность раз в 10 ниже, тот же GromMax
Спасибо большое. Очень полезно! 👍
Отличный материал! Спасибо!
Спасибо
Очень полезно, большое спасибо Вам
Отлично! Странно что так мало просмотров(
Крутые видео! Смотрю с удовольствием
Было бы интересно посмотреть видео, про верстку сайта с возможностью переключения нескольких языков и автоматическом отображении разных страниц с выбранным языком)
Топ канал, однозначно подписка
отлично) просто лукас от СЕООНЛИ
Спасибо!!!!
Всегда пожалуйста 🙏🏻
Здрасте нужна ли esmascript для react разроботчику для начинающих важно ли знать ЕS6?
А какие пункты из перечисленных подходят для React приложений, учитывая их специфику React приложений?
про минифицирования не знал раньше. Открывал другие сайты через консоль и думал "Почему всё так в кучу, они что, писать не умеют код ?" )))
Умеют ещё и как умеют 😄
Мы можем минифицировать код, а обратно его можно как то разЭотвать?
@@ii-yj5qj продублируй заранее файл и все.
@@arzamaskin_kirill понял, спасиб
@@ii-yj5qj да
Добрый день, вопрос немного не по теме
Подскажите где можно найти простую карточную игру (качество и сложность не важно. лучше что-то по проще..)
HTML, CSS, JS, MySQL
Описание: Регистрация игрока, Минимум два участника
Буду очень, благодарен, Спасибо)!
Я бы ещё дополнил пункт с минимизацией js/css. Нельзя всё просто сжать и грузить одним блоком. Рекомендуется разбивать на "критический" и "некретический" js. И грузить их в разное время. Также я бы дополнил тему использования картинок пунктом "lazyloading"
Верно
Для простых проектов проблемы скорости практически нет. Для действительно больших серьезных проектов нужно применять SSR, но про нее ничего не сказал. Минификация, модуль-сплиттинг, упаковка картинок и текстов может решаться webpack'ом, тоже ничего не сказал. Ну то есть, для тех примеров, что упонянуты проблема скорости загрузки второстепенна.
Уважаемый, благодарю за интересные выпуски. Стараюсь научиться азам верстки сайтов, но времени трачу очень много и не укладываюсь в сроки, назначенные самому себе. Не могли бы Вы подсказать мне контакты верстальщика, который готов за вознаграждение решить мои задачи. Заранее благодарен.
На фриланс зайдите, там их миллион
Могу помочь если хотите)
Большое спасибо за материал! А то кажется, что вёрстка это просто html и css, а на самом деле столько тонкостей.
Будете знать
Может это не относится к видео, но хотелось бы узнать, что сейчас лучше использовать для работы с сервером, базой данных PHP или node. js?
Смотря под какие задачи
С php для новичка будет проще
Base64 увеличивает затраты памяти примерно на 33%, поэтому использовать его стоит только тогда, когда вы точно знаете, зачем вы это делаете.
В любом случае надо точно знать
Сделай пплиз видео про accessibility и aria-тэги
Может быть
Jekyll помог
Нормас
что, что вот про cdn и минифицирования не знал раньше)) открывал сайты с кодом через консоль и думал какого фига "там всё в кучу" написано😂
Вот так вот 😄
Нужно было добавить еще 7 пункт - а именно удаление не используемых стилей на онлайн сервисе uncss-online.com
В прошлом году делал эксперементы по этому сервису и скорости загрузки до и после.
В итоге: - оценка до 82 / - оценка после 99
а как после минифицирования работать с этой кашей? есть обратная процедура?
Оставляете проект обычный, но если что есть и unmin
@@SuprunAlexey ок)
*Л. а. й. к.*
Как обычно спасибо
Гугловская мерялка это по сути самый бесполезный инструмент. В моем случае он на кучу всего ругается, но при этом его же Adsense это и есть 3/4 косяков сайта. Удаляешь 2 баннера и сайт типа летает
Не сталкивался с таким
да, при этом если проверять один и тот же сайт тупо из разных городов одной страны, показатели могут быть сильно разными. Ее можно рассматривать как рекомендации.
Даже с самыми простенькими сайтами у меня пока никак не получается добиться попадания в зелëный сектор. (( Видимо, надо подробнее изучить тему ускорения.
Определенно
Раньше (лет 9 назад) так хорошо было, верстаешь как хочешь, лишь бы страница вообще открылась в интернет эксплорэре. А теперь столько условий, и скорость загрузки обеспечь, и оптимизируй под поисковики, и классы по бэму назови, и пиксельпëрфект соблюди, и адаптируй под все девайсы. Ужос, кароче!.. ))
так лучше будет
ExpiresActive On
ExpiresDefault "access plus 30 days"
а как вставляется? отдельным файлом или куда?
В .htaccess
access plus 30 days - это навсегда имеется в виду?
Я 5-ый
Третий
@@SuprunAlexey 6-ой
@@user-wr6rw6xv3h а как бы 7ой
@@SuprunAlexey да не
Быть не может
8-ой
2:15
Спрос на веб-разработчиков все так же велик после появления конструкторов для сайтов? Вроде веб-разработчик занимается созданием сайтов, а с помощью конструктора многие могут и сами сделать его, так стоит идти в эту сферу?
фронт энд или бекэнд разработчики занимаются гораздо более сложными вещами, нежели просто верстка сайта. человек, который никогда не изучал веб технологии вряд ли сможет выстроить сложную бизнес логику самостоятельно. для этого и нужны веб разработчики
фотошоп не умеет оптимизировать фото от слова «совсем».
CDN далеко не для всех и не всегда реально помогает ускорить загрузку...
Это для кого?
@@SuprunAlexey для нагруженных проектов, как минимум. А если ещё пожестче, то работающим более чем на одну страну
Автор ничего не знает в программировании.
Путем сжатия кода нереально сократить количество действий иеиерпретатора html, css, js, php.
Сайт любой загрузится быстро, а вот интерпретация кода.. . все вроде много знают, а на самом деле вообще ничего не знают
Не поможет
молодец