Публикации по теме 'web-performance'
Ускорьте Google Карты (и все остальное) с помощью async & defer
Сейчас 2016 год, и если вы не используете теги разблокировки async и defer в JavaScript на стороне клиента, вам необходимо вмешаться.
Если присутствует атрибут async , то сценарий будет извлекаться параллельно синтаксическому анализу и оцениваться, как только он станет доступен (возможно, до завершения синтаксического анализа).
Если атрибут async отсутствует, но присутствует атрибут defer , то классический скрипт будет извлекаться параллельно и оцениваться, когда страница..
Document.documentElement: BiteSize JS и веб-производительность
Недавно мне посоветовали использовать Document.documentElement при запросе DOM для получения элемента html.
Это произошло из-за того, что я реорганизовал старую кодовую базу, чтобы заменить JQuery на ванильный JS. При этом я увидел:
$(‘html’)
Это способ JQueries для выбора всего элемента Html.
Поскольку я относительно новичок в javascript, я собирался использовать общий querySelector *.
document.querySelector(‘.elementsClassName’)
So:
document.querySelector(‘html’)
Когда..
Улучшите время начальной загрузки вашего веб-приложения
Учебник о том, как мы можем оптимизировать начальное время загрузки наших веб-приложений.
Привет народ! В этом посте мы увидим, как мы можем оптимизировать начальное время загрузки наших веб-приложений. При посещении веб-сайта на удовлетворенность конечного пользователя сильно влияет время, которое потребовалось для первого взаимодействия с сайтом.
Иногда становится очень трудно добиться значимой оптимизации для обширных/растущих приложений. Однако, тщательно изучив код и используя..
Отличная статья Уэйд!
Отличная статья Уэйд !
Время взаимодействовать с RUM
Вы меня поняли, я обожаю тики-бары! 🍹 Особенно рядом с моим домом в Хейс-Вэлли, Сан-Франциско.
Обновление от 5 ноября 2018 года: измерьте TTI с помощью маяка и измерьте FID в дикой природе с помощью Perfume.js ( http://perfumejs.com/#/first-input-delay ).
Помимо шуток, RUM в Интернете относится к измерениям реальных пользователей. Он записывает все показатели загрузки и взаимодействия пользователей с вашим веб-приложением и представляет их как полевые данные .
Хотя..
Конец дискуссии о нескольких антипаттернах в React
Компоненты React, оптимизированные для чистого рендеринга, могут быть чрезвычайно производительными, но для правильной работы от пользователей требуется, чтобы их данные считались неизменными. К сожалению, из-за характера Javascript иногда это может быть довольно сложно.
Антипаттерн создает новые массивы, объекты, функции или любые другие новые идентификаторы во время рендеринга.
Чистый рендер?
Под чистым рендерингом React.js я имею в виду компоненты, которые реализуют метод..
Введение в performance.now()
Вы слышали о performance.now() ?
Это метод Performance API, который возвращает DOMHighResTimeStamp (что означает «Временная метка высокого разрешения»), что простыми словами представляет собой значение времени в миллисекундах в дробной части между двумя моментами времени.
Наиболее распространенный вариант использования performance.now() — это отслеживание времени выполнения фрагмента кода. Варианты использования в реальной жизни могут включать сравнительный анализ и мониторинг..