Как прибирать за собой и почему важно это делать? (Vue/React)
Утечки памяти могут привести к замедлению и падению вашего приложения. Разбираемся, как их избежать: https://proglib.io/w/f33f4384
#performance
Утечки памяти могут привести к замедлению и падению вашего приложения. Разбираемся, как их избежать: https://proglib.io/w/f33f4384
#performance
Telerik Blogs
How to Clean Up after Yourself Why It’s Important Vue React
Memory leaks can cause an application to run slow or even crash. They can be created by not cleaning up after yourself. Find out how to clean up event listeners
Паттерны для Web Vitals
UX-паттерны, оптимизированные с учетом метрик Web Vitals: https://proglib.io/w/b4777c5c
#performance #interface
UX-паттерны, оптимизированные с учетом метрик Web Vitals: https://proglib.io/w/b4777c5c
#performance #interface
web.dev
Web Vitals patterns | Patterns | web.dev
A collection of common UX patterns optimized for Core Web Vitals.
Лучшие практики для шрифтов
Оптимизация шрифтов для Core Web Vitals: https://proglib.io/w/6b6b2d6f
#performance #webvitals #bestpractices
Оптимизация шрифтов для Core Web Vitals: https://proglib.io/w/6b6b2d6f
#performance #webvitals #bestpractices
web.dev
Best practices for fonts | Articles | web.dev
Learn about how to optimize web fonts for Core Web Vitals.
Разбираемся с мемоизацией в 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 …
👍4🔥1
Ленивая загрузка компонента в 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
👍1
5 способов уменьшения размера пакетов JavaScript
5 способов уменьшить размер пакетов JavaScript, чтобы избавиться от проблем с производительностью: https://proglib.io/w/bac7390f
#performance #tools
5 способов уменьшить размер пакетов JavaScript, чтобы избавиться от проблем с производительностью: https://proglib.io/w/bac7390f
#performance #tools
👍5👎2
Оптимизация видео по размеру и качеству
Добавление видео в приложение может повысить вовлеченность и удовлетворенность клиентов. Но при проблемах с воспроизведением обычно происходит прямо противоположное. Разбираемся, как этого избежать: https://proglib.io/w/877f475b
#performance
Добавление видео в приложение может повысить вовлеченность и удовлетворенность клиентов. Но при проблемах с воспроизведением обычно происходит прямо противоположное. Разбираемся, как этого избежать: https://proglib.io/w/877f475b
#performance
👍4
#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.
👍5
defer для повышения производительности Атрибут
defer сообщает браузеру, что он должен продолжать обрабатывать страницу и загружать скрипт в фоновом режиме, а затем запустить этот скрипт, когда DOM дерево будет полностью построено.#performance #javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13