Публикации по теме 'web-performance'


Что такое прогрессивные веб-приложения и почему мне это нужно?
Linc - это интерфейсная сеть доставки, которая является платформой для размещения одностраничных приложений (SPA) и прогрессивных веб-приложений (PWA). В этом посте мы кратко рассмотрим, что такое PWA и чем они отличаются от обычных веб-сайтов. Пользовательский интерфейс отображается в браузере с помощью JavaScript В отличие от других фреймворков (например, Rails), которые генерируют файлы HTML и CSS на стороне сервера, а затем отправляют их в браузер, библиотеки, такие как React и..

Измерение интерактивности с помощью TTI: время до (постоянного) взаимодействия
Когда мы говорим об измерении веб-эффективности, мы на самом деле пытаемся определить момент, когда пользователь может эффективно достичь своей цели. Это означает, что пользователи могут просматривать контент, который они ищут, и/или взаимодействовать со страницей удовлетворительным образом. Некоторые метрики подтверждают действия браузера по рендерингу, другие измеряют ход отображения посредством записи видео. Однако остается большой загадкой: как правильно измерить интерактивность...

Повышение производительности 500px API: кэширование модели Presenter
Привет! Я Мэдиган, студент факультета информатики Университета Ватерлоо. Это мой второй совместный срок работы с командой разработчиков платформы 500px. Все началось с обновления Rails. В начале этого года компания 500px завершила крупное обновление Rails с версии 3.2 до версии 4.2. После нескольких недель устранения различных несовместимостей между старой и новой версиями, мы неуклонно развертывали обновление для разных частей нашей системы. Результат? Значительное снижение..

Импорт определенных файлов JavaScript VS импорт с использованием деструкторов
Импорт определенных файлов JavaScript VS импорт с использованием деструкторов tl;dr; Использование деструктора примерно на 2% быстрее. Эта разница несущественная. Не так давно кто-то, кого я действительно уважаю, был убежден (без каких-либо доказательств), что существует огромная разница в производительности при импорте определенных файлов JavaScript по сравнению с импортом с использованием деструкторов. Чтобы было ясно: Его аргументами были: Чтобы использовать..

Во сколько раз длина строки может превышать ее размер в памяти?
Для длинной строки из 512000000 символов требуется ~ 1 МБ памяти Максимальная длина строки JavaScript Согласно спецификации ECMAScript строка не может содержать более 9 007 199 254 740 991 (2⁵³-1) символа. Очевидно, что достижимая максимальная длина также зависит от мощности компьютера. Также браузеры могут устанавливать свои ограничения. Максимальная длина строки, установленная в исходном коде Chrome, составляет 536,8 миллиона символов. Чтобы упростить пример кода, в этом посте я..

Как пул веб-воркеров помог решить проблему с производительностью пользовательского интерфейса?
JavaScript - это однопоточный язык, поэтому для выполнения больших вычислений и операций предпочтение будет отдано многопоточности. Мы можем добиться многопоточности в JavaScript с помощью HTML Web Workers API. Веб-воркер - это JavaScript, который работает в фоновом режиме, независимо от других скриптов. Чтобы узнать больше о веб-воркерах, прочтите здесь Как это началось? Еще в 2015 году я работал над продуктом, я использовал стек технологий React и Flux . Требование к..

Как мы ускорили WeWork.com на 43%
Улучшение времени загрузки страницы за счет исключения клиентского JavaScript WeWork.com служит отправной точкой для предложений WeWork по всему миру. Многие из наших пользователей просматривают сайт с мобильных устройств из регионов с не очень высокой скоростью Интернета, например, из Бруклина. С таким количеством глаз и программ чтения с экрана на наших целевых страницах очень важно, чтобы мы обслуживали быструю веб-страницу, чтобы они могли получить восхитительный пользовательский..