Публикации по теме 'web-performance'
Техника быстрого рендеринга с использованием localStorage
Меня привлекает наглядный, лаконичный и очень быстрый рендеринг контента с sourcemaking.com. Да, он показывает контент очень быстро!
Эти вещи ниже будут изменены в соответствии с вашей навигацией по страницам:
Расположение окна Заголовок страницы Метаданные Содержимое открытого графика И так далее…
Во-первых, мне пришла в голову мысль, что все дело в AngularJS.
Я проверяю сетевую панель в инструменте Chrome Dev, тогда нет запроса XHR на изменение навигации
Отключите JS,..
Прагматичное разделение кода с помощью Preact и Webpack
Разделение кода делает ваш пакет привлекательным и привлекательным
Я предполагаю, что вы знали, что такое расщепление кода, или слышали об этом. Что бы это ни было, я покажу вам, как вы тоже можете это сделать!
Хорошо, давай сделаем это быстро! Сделай это!
👶 Плагин Babel, который делает это возможным
// babel.config.js
module.exports = {
plugins: ["@babel/plugin-syntax-dynamic-import"]
}
Разделение кода достигается с помощью стандартного синтаксиса JS..
Ссылки №74
Захватывайте и сообщайте об ошибках JavaScript с помощью window.onerror:
Отслеживайте и сообщайте об ошибках JavaScript с помощью window.onerror onerror — это специальное событие браузера, которое срабатывает всякий раз, когда выдается необнаруженная ошибка JavaScript. Это один из… blog.sentry.io
Несколько мыслей о роли архитекторов программного обеспечения:
Джо Даффи. Несколько мыслей о роли архитекторов..
Раскрашивание контента менее чем за 2 секунды в мобильном Интернете
Google недавно представил Web Vitals, набор показателей, которые призваны предоставить единое руководство по качественным сигналам для взаимодействия с пользователем в Интернете. Это история о том, как мы улучшили одну из них: самую крупную Contentful Paint (LCP) на нашей домашней странице в Интернете. Хотя, прежде чем мы перейдем к этому, давайте немного познакомимся с Web Vitals.
Что такое Web Vitals?
Web Vitals - это инициатива Google по предоставлению единого руководства по..
Тестирование производительности Firefox OS
Когда мы говорим о производительности для Интернета, на ум может прийти ряд знакомых вопросов:
Почему эта страница так долго загружается? Как я могу оптимизировать свой JavaScript, чтобы он работал быстрее? Если я внесу некоторые изменения в этот код, это сделает это приложение медленнее?
Я работал над тем, чтобы упростить ответы на такие вопросы для Gaia, слоя пользовательского интерфейса для Firefox OS, полностью веб-ориентированной операционной системы для мобильных устройств...
Используйте видео вместо анимированных GIF-файлов
Простые шаги, чтобы уменьшить размер GIF-файлов до 80% и ускорить их рендеринг!
Я думаю, что многие разработчики увлечены производительностью в Интернете, и вот совет, как это сделать с изображениями в формате GIF через <video> .
Думаю, многие из нас знают, что в разных случаях размер изображений GIF может быть огромным, и даже если вы используете image-optimization решения от npm , в большинстве случаев этого недостаточно .
Требования
Установить ffmpeg OSX:..
Оптимизация производительности приложений Vue.js: часть 2 - ленивая загрузка маршрутов и анти-шаблон пакета поставщика
В предыдущей статье мы узнали, что такое разбиение кода, как оно работает с Webpack и как использовать его при ленивой загрузке в приложении Vue. Теперь мы немного углубимся в код и изучим наиболее полезные шаблоны для разделения кода приложений Vue.js.
Эта серия основана на уроках, извлеченных из процесса оптимизации производительности Vue Storefront . Используя описанные ниже методы, мы смогли сократить размер нашего исходного пакета на 70% и мгновенно загрузить его.
Часть 1 -..