Автор оригинала: FreeCodeCamp Community Member.
Стейси Тай
Примечания из передней конференции веб-производительности
На этой неделе у меня была привилегия посещения #Perfmatters , конференция, ориентированная на интерфейсные веб-характеристики. Я никогда не был на конференции раньше, но я был взволнован, чтобы участвовать, потому что это обещало Удивительная линейка динамиков и Темы Отказ
Я начал Стухи в веб-производительности Около более года назад, и поэтому думал, что это будет большой шанс углубить свои знания и встретиться с другими людьми в сообществе.
Этот пост состоит из трех частей:
(1) Мой опыт посещения Конференции,
(2) некоторые вещи, которые я узнал на конференции, и
(3) расставание мыслей.
Мысли о опыте конференции
Все так дружелюбны и доступны
Я пошел один, и это был довольно запугивающий опыт, поскольку я вообще застенчивый человек и может принять некоторое время, чтобы разогреться. Но я сделал правило, чтобы не сидеть один во время обеда и попытаться поговорить как минимум с 2 людьми каждый день. Я рад, что сделал, потому что все, что я встречал, было приятно и весело поговорить.
Я закончил встретить много людей, говоря о вещах, начиная от PRPL Pattern экспериментируя с Работники CloudFlare Чтобы лучше служить пользователям в Австралии (от серверов в США), повышая распространенность функциональных программиров в интерфейсной веб-разработке, а также как начать работу с сноубордом (не связано с производительностью, если вам интересно).
Переговоры были абсолютно удивительными
Все динамики имели что-то связанное с веб-характеристиками в одной форме или другой, чтобы поговорить, и было очевидно, что они ставили много усилий в их презентации. Дженна Циген ‘s говорить Накрыл длинный список исполнительных трюков, и каждая из ее очков была песня лирика, чтобы идти вместе с ними, что было так интересно информативно. Она сказала мне, что потребовалось ее около 15 минут для каждой песни, и там как более 30 лет?
Переговоры охватывают многие аспекты работы над веб-характеристиками
Улучшение производительности веб-страниц – это не просто единое аудитор, закрепление проблем, которые делают эту страницу медленно, а затем двигаться дальше. Требуется согласованные усилия со всех заинтересованных сторон -Бизнес, дизайн, проектирование, маркетинг, продукт – в организации, чтобы получить и остаться быстро.
Переговоры не совсем не о том, как мы могли бы улучшить TTI S или время загрузки, которые важны. Но они также охватывали другие важные части Делать в Интернете доступным и использовать так много людей, насколько это возможно Отказ От Как люди воспринимают производительность к расширение возможностей культуры производительности и из Как привилегия определяет производительность к Пересечение производительности и доступности Отказ
Неиспользованный список советов по выступлению и трюки
Некоторые, если не все, из них могут быть общими знаниями, но многие были новыми для меня.
Культура производительности
- Уполномочивает разработчики с инструментами Чтобы обеспечить лучшую производительность. Также сделать производительность часть процесса разработки Отказ
- Сравните свой сайт со своими конкурентами Получить исполнительный бай-ин-в результате деятельности вождения. Использовать Сравнение боковых видео WebPagetest вашей веб-страницы против погрузочному путешествии конкурента к лаконичному проеманию вашей точки.
- Измерьте потенциальный годовой рост доходов от увеличения скорости сайта с Тест Google My Site Tool Отказ
Производительность в Интернете
- Задержка имеет нарушенное влияние на пропускную способность на сетевые запросы.
- СВГ анимации отлично подходят для анимации погрузчиков из-за их (относительно) меньших размеров.
- Сожмите свою страницу в 14 КБ Если возможно, чтобы избежать нескольких круглых поездок из-за медленного запуска TCP Отказ
- Не все CDNS делают HTTP/2 Приоритетность как ожидалось .
- Если вам нужно использовать веб-шрифты , Zach Leaceman написал Отличное руководство о том, как загрузить их хорошо Отказ
- Воспринимаемая производительность находятся под влиянием по Продолжительность (Фактическая продолжительность, которую принимает процесс, называемый «производительностью»), отзывчивость , беглость (воспринимается гладкость процесса), а Толерантность (Как долго пользователь ожидает, что процесс взять). Слайды от Джемма Петри и Хизер Макгау Обсуждение Измерение воспринимаемой производительности для распределения приоритетов продукта работы Отказ
Некоторые аккуратные инструменты
- Хром Инструмент покрытия кода полезен для определения того, где и когда для кода разделить вещи. Взаимодействуйте со страницей немного, чтобы увидеть, как изменяются номера, а в соответствии с Тим Калдец , около 45% неиспользованного кода нормально, и он уменьшит предельные выгоды, чтобы оптимизировать это.
- Хром Переопределить сетевой ресурс Функция позволяет разработчикам вернуть локально сохраненный файл, который полезен для отладки чего-либо на лету.
- Электронная таблица Google Docs To Sulk WebPagetest Audits Отказ
- Онлайн JavaScript AST Explorer (Хорошо, этот не совсем не связан с веб-характеристиками, но я узнал об этом во время конференции и не могу перестать играть с ним).
- Запросить карту Создает сетевой график с веб-страницы и полезен для визуализации запросов третьей стороны.
Расставание мыслей
Если есть одна всеобъемлющая тема, которую я получил от конференции, это все будет хорошо в веб-характеристике, решающее значение для понимания Как браузер работает (такие вещи, как рендеринг происходит и критический путь рендеринга ). Но Производительность не просто останавливается на технических выгодах Отказ
Есть также Воспринимаемая производительность Рассмотреть, а затем определить, создают ли дополнительные улучшения производительности Дополнительный значительный бизнес или улучшения пользователей Отказ Важно иметь в виду, что Производительность просто один Часть пользовательского опыта Отказ
Я не взял слишком много фотографий во время конференции (обратите внимание, чтобы я определенно забрал больше фотографий в следующий раз), но мне удалось сделать это.
Если вы заинтересованы в веб-характеристиках или просто веб-разработке в целом, это удивительная конференция для Проверьте И запланировано произойти в следующем году! Там тоже Программа стипендии для тех, кто не может присутствовать без финансовой помощи. Будем рады видеть вас там в следующем году!
Благодаря Hui Yi. , Jingwen chen. , а также Яо Хуэй Чуа Для чтения более раннего проекта и делится их отзыв.