Разбираемся с мемоизацией в JavaScript
По мере того, как наши приложения растут и начинают выполнять более тяжелые вычисления, возникает все большая потребность в скорости и оптимизации. Если мы игнорируем эту проблему, то получаем программы, выполнение которых занимают много времени и потребляет чудовищное количество системных ресурсов.
https://proglib.io/w/7cc4d18d
#performance
По мере того, как наши приложения растут и начинают выполнять более тяжелые вычисления, возникает все большая потребность в скорости и оптимизации. Если мы игнорируем эту проблему, то получаем программы, выполнение которых занимают много времени и потребляет чудовищное количество системных ресурсов.
https://proglib.io/w/7cc4d18d
#performance
Как я ускорил прокрутку в больших таблицах Google Search Console в 10 раз одной строчкой CSS
https://proglib.io/w/8b0eaa67
#performance
https://proglib.io/w/8b0eaa67
#performance
Приемы оптимизации веб-графики в 2021 году
Статья рассказывает о ряде практик, позволяющих оптимизировать загрузку и отрисовку изображений на сайте: https://proglib.io/w/1dd96a03
#performance
Статья рассказывает о ряде практик, позволяющих оптимизировать загрузку и отрисовку изображений на сайте: https://proglib.io/w/1dd96a03
#performance
Хабр
Приемы оптимизации веб-графики в 2021 году
Привет, Хабр! Сегодня я хотел бы рассказать о ряде практик, позволяющих оптимизировать загрузку и отрисовку изображений на сайте. Давайте рассмотрим, что мы можем сделать на сегодняшний день помимо...
Обеспечение мгновенной загрузки страниц в браузере с помощью спекулятивного предварительного рендеринга
https://proglib.io/w/cdac5a81
#performance
https://proglib.io/w/cdac5a81
#performance
Chrome Developers
Prerender pages in Chrome for instant page navigations - Chrome Developers
The Chrome team has been working on options to bring back full prerendering of future pages that a user is likely to navigate to. This modern reboot of prerendering will start rolling out from Chrome 108
Как оптимизировать размер бандла 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