Как оптимизировать размер бандла SPA и ускорить загрузку приложения в несколько раз
Автор разбирает:
👉 как оптимизировать веб-приложение и ускорить его загрузку;
👉 почему это важно;
👉 какие инструменты помогут в работе над оптимизацией, замерами и контролем результатов;
👉 преимущества работы с загружаемыми модулями в приложениях.
https://proglib.io/w/84141ada
#performance
Автор разбирает:
👉 как оптимизировать веб-приложение и ускорить его загрузку;
👉 почему это важно;
👉 какие инструменты помогут в работе над оптимизацией, замерами и контролем результатов;
👉 преимущества работы с загружаемыми модулями в приложениях.
https://proglib.io/w/84141ada
#performance
Утечки памяти в приложениях
Искать утечки памяти в веб-приложениях очень непросто, поэтому почти никто это и не делает.
👉 fuite - это CLI-утилита, которая поможет найти утечки памяти на вашем сайте: https://proglib.io/w/a9767bdd
👉 Detached Elements - новый инструмент в Microsoft Edge DevTools, который тоже умеет обнаруживать утечки, связанные с DOM-элементами вне основного дерева документа: https://proglib.io/w/525096f4
Много утечек нашли? 😏
#performance
Искать утечки памяти в веб-приложениях очень непросто, поэтому почти никто это и не делает.
👉 fuite - это CLI-утилита, которая поможет найти утечки памяти на вашем сайте: https://proglib.io/w/a9767bdd
👉 Detached Elements - новый инструмент в Microsoft Edge DevTools, который тоже умеет обнаруживать утечки, связанные с DOM-элементами вне основного дерева документа: https://proglib.io/w/525096f4
Много утечек нашли? 😏
#performance
Read the Tea Leaves
Introducing fuite: a tool for finding memory leaks in web apps
Debugging memory leaks in web apps is hard. The tooling exists, but it’s complicated, cumbersome, and often doesn’t answer the simple question: Why is my app leaking memory? Because of …
Ленивая загрузка компонента в Angular без роутинга
Ленивая загрузка компонентов - это очень полезная функция. В Angular - это простая процедура, реализованная через роутинг. Но, что если вы не хотите использовать роутер или нужно загрузить компонент программно?
https://proglib.io/w/475d7d90
#performance #lazy #angular
Ленивая загрузка компонентов - это очень полезная функция. В Angular - это простая процедура, реализованная через роутинг. Но, что если вы не хотите использовать роутер или нужно загрузить компонент программно?
https://proglib.io/w/475d7d90
#performance #lazy #angular
www.wittyprogramming.dev
Lazy-load a component in Angular without routing - Witty Programming
One of the most seeking features in Angular is to lazy load a component when you need it. It is a very straightforward procedure through routing that is well documented. But, what if you do not want to use the router or you want to lazy load a component …
Актуальные форматы изображений в вебе
PNG, WebP или AVIF? Как выбрать формат и правильно подготовить изображение для использования: https://proglib.io/w/d2adfc35
#performance
PNG, WebP или AVIF? Как выбрать формат и правильно подготовить изображение для использования: https://proglib.io/w/d2adfc35
#performance
5 способов уменьшения размера пакетов JavaScript
5 способов уменьшить размер пакетов JavaScript, чтобы избавиться от проблем с производительностью: https://proglib.io/w/bac7390f
#performance #tools
5 способов уменьшить размер пакетов JavaScript, чтобы избавиться от проблем с производительностью: https://proglib.io/w/bac7390f
#performance #tools
Оптимизация видео по размеру и качеству
Добавление видео в приложение может повысить вовлеченность и удовлетворенность клиентов. Но при проблемах с воспроизведением обычно происходит прямо противоположное. Разбираемся, как этого избежать: https://proglib.io/w/877f475b
#performance
Добавление видео в приложение может повысить вовлеченность и удовлетворенность клиентов. Но при проблемах с воспроизведением обычно происходит прямо противоположное. Разбираемся, как этого избежать: https://proglib.io/w/877f475b
#performance
#performance
Подробный гайд по улучшению производительности JavaScript-бандлов с помощью Code-Splitting.
https://proglib.io/w/e0f4fc6e
Подробный гайд по улучшению производительности JavaScript-бандлов с помощью Code-Splitting.
https://proglib.io/w/e0f4fc6e
Smashing Magazine
Improving JavaScript Bundle Performance With Code-Splitting — Smashing Magazine
In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript bundles.
defer для повышения производительности Атрибут
defer сообщает браузеру, что он должен продолжать обрабатывать страницу и загружать скрипт в фоновом режиме, а затем запустить этот скрипт, когда DOM дерево будет полностью построено.#performance #javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM