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


#ASKTHEINDUSTRY 07: Почему мантра «одним JPG меньше» сегодня неверна?
В современной индустрии веб-разработки есть одна повторяющаяся тема, в которой почти все ошибаются: «Давайте добавим эту библиотеку JS размером 100 КБ, чтобы реализовать эту функцию. Просто отправьте на один JPG меньше, и все готово». Сначала я дам вам кульминацию: в современном Интернете эта мантра неверна . Почему? Я рад, что вы спросили. Причина довольно проста: ваша библиотека JavaScript не только увеличивает вес файла, но и увеличивает стоимость синтаксического анализа и..
Перестаньте думать, что ваше веб-приложение быстрое…
Продолжая серию статей о веб-производительности , я хотел поделиться некоторыми вещами о вредных привычках разработчика, считающих, что приложение, над которым он работает, работает быстро, и тот факт, что пользовательский опыт в целом не тот…
Дилемма распространения библиотеки JS, NPM или URL?
Всегда ли NPM лучше простой ссылки для распространения вашей библиотеки JS третьим лицам? Я поделюсь несколькими предложениями о том, как разработать вашу интерфейсную библиотеку, чтобы упростить ее распространение среди партнеров / клиентов, и почему мы решили распространять большинство наших библиотек с использованием CDN вместо NPM . Производительность веб-сайта очень важна, и чем тяжелее библиотека JS, тем хуже она повлияет на производительность. Внимательный и добросовестный..
Оптимизация производительности приложения React
Краткое резюме Эта статья призвана объяснить, как писать эффективные и производительные компоненты React, а также некоторые общие методы профилирования, имеющиеся в нашем распоряжении, которые мы можем использовать для определения неоптимизированного поведения рендеринга в нашем приложении и повышения производительности. Зрительская аудитория Целевая аудитория этой статьи - инженеры React среднего и высшего уровня, которые хорошо знакомы с библиотекой и хорошо понимают, как работает..
Lighthouse: улучшите результаты с помощью оптимизации изображений нового поколения
Если вы живете и дышите веб-производительностью, скорее всего, вы уже слышали о волшебстве, которым является "Google Lighthouse" . Если нет, то к концу этой статьи вы поймете, почему это абсолютно необходимый инструмент для тестирования и улучшения веб-производительности. Lighthouse — это инструмент аудита с открытым исходным кодом от сотрудников Google, который мы можем использовать для повышения качества наших веб-страниц и приложений. Аудиты проводятся в нескольких ключевых..
Как добавить обработку изображений на свой сайт Hugo и повысить производительность
Недавно я переместил свой личный веб-сайт на Hugo , и переход с Jekyll был в основном приятным. Я получил массу улучшений во время сборки. Но что мне не понравилось, так это документация Hugo . Все основано на идее, что вы установите Hugo, создадите новый сайт, а затем добавите тему. Вот где начинается проблема. Мне не нужна стандартная тема, в конце концов, это мой личный веб-сайт, так что это должно быть моим выражением, верно? Что ж, мне посчастливилось поймать Хуэй Цзин в..
Молодец Гил!
Молодец Гил! устранение утечек памяти может быть сложной задачей, но оно того стоит, когда вы видите результат. Я поделился таким опытом, который поначалу меня пугал: 5 советов по обнаружению и устранению утечек памяти Angular с помощью Chrome DevTools Как отмена подписки, прослушиватели событий DOM, рекомендации Angular Pipe и Reactive Form улучшат производительность вашего приложения среда.com