Экран загрузки для сайта на HTML и CSS
1 год назад
Оптимизируем шрифты и ускоряем сайт на 5-12%
Загрузка страницы состоит из 3 ключевых этапов: На втором этапе формируется каркас страницы и внешний вид интерфейса. Страница становится доступной для взаимодействия, то есть интерактивной. Всё, за исключением тяжеловесных медиафайлов и сторонних виджетов, уже отображается в своём окончательном виде. Именно по завершении второго этапа пользователь приступает к изучению содержимого. Чем раньше этот этап завершится, тем лучше. Шрифты в сжатом виде в формате woff2 могут занимать от 10% до 25% размера всех файлов страницы, загружаемых на первых двух этапах...
Как привязать CSS к HTML?
Итак, в прошлой статье я писал про то, как можно создать свой сайт на HTML. Сейчас же мы добавим ему немного дизайна. Нужно все тоже, что и для сайта. Для начала создаем файл с расширением .css в той же папке, что и HTML и открываем его. Далее, скачиваем расширение на CSS, оно нам очень поможет. Есть два варианта - писать в том же файле, что и HTML, но мы будем писать в отдельном файле, так удобнее. Также нам надо открыть HTML файл и в <head> добавить команду: <link rel="stylesheet" href=путь к...