Сайт Аларм

Во время загрузки сайта тег IMG занимает нулевой размер на странице. Затем при загрузке самого файла, блок раздвигает все элементы вокруг себя и занимает нужный размер. В этот момент, когда элементы страницы «толкаются» в стороны, происходит пересчёт макета в браузере. Это требует времени центрального процессора на обсчёт новых позиций и размеров блоков и создаёт визуальный дискомфорт: страница дёргается, прыгает и скачет во время загрузки страницы. Также текст на странице начинает убегать вниз...

На основе наблюдений я выделил 5 самых проблемных случая, когда JavaScript блокирует загрузку сайта. Часто на сайтах подключают скрипты из заблокированных соцсетей и сайтов. Это может быть: Доступ к этим соцсетям заблокирован через политику DENY, а не REJECT. Это значит, что браузер пользователя, отправит запрос на загрузку JavaScript файла и не получит ответа. Ожидание ответа будет "висеть" от 30 до 45 секунд. После этого браузер сбросит подключение. Если скрипт загружается синхронно, а не асинхронно, то вызов события window...

Открывая страницу сайта, вы видите его иконку в левой части вкладки. Изначально файл favicon.ico был единственным на сайте и отображался во вкладке браузера рядом с названием страницы. Сейчас с ростом количества устройств, программ и повышением разрешающей способности экранов их количество доходит до 24 штук. Для каждого устройства, каждый размер экрана используют свой размер фавикона. Вот неполный список различных размеров фавиконов: Столько размеров нужно, чтобы приложения...

Почему со временем в проекте накапливается всё больше неиспользуемого JavaScript кода: Если вы узнали свой проект в приведённых выше случаях, то добро пожаловать в эту статью. В ней я познакомлю вас с инструментом, который упростит поиск и чистку неиспользуемого JavaScript кода. Сервис определяет, какие участки кода были выполнены в браузере. То есть, какие строки кода непосредственно исполнялись процессором. Если код не использовался, то он помечается как лишний. Разумеется, возникает множество ложноположительных срабатываний...