Может быть кто-то из вас еще помнит о правильном порядке тегов в...

Mike Blazer

98

Может быть кто-то из вас еще помнит о правильном порядке тегов в <head>? Порядок рас...

Может быть кто-то из вас еще помнит о правильном порядке тегов в <head>?

Порядок расположения элементов в <head> может влиять на (воспринимаемую) производительность страницы.

Рик Вискоми написал небольшой скрипт для визуализации того, насколько оптимально такое упорядочивание с точки зрения производительности.

Этот скрипт поможет вам определить, какие элементы расположены не по порядку.

Как его использовать:

1. Скопируйте capo.js

2. Запустите его в новом сниппете Chrome DevTools

3. Изучите логи консоли

Скрипт записывает в консоль две группы информации: фактический и оптимальный порядок элементов в <head>. В свернутом виде вы можете сразу увидеть, есть ли какие-либо элементы, оказывающие большое влияние на порядок расположения элементов.

Каждый "вес" имеет соответствующий цвет: красный - самый высокий, синий/серый - самый низкий.

https://github.com/rviscomi/capo.js

@MikeBlazerX

Ссылки из поста:
– https://t.me/MikeBlazerX/638
– https://t.me/MikeBlazerX

Источник новости https://t.me/mikeblazerx/1645...

<< Вернуться на канал

23.05.2023 09:05