Pull to refresh
  • by relevance
  • by date
  • by rating

Google выпустила дополнение Lighthouse для тестирования скорости загрузки и аудита веб-страниц на Firefox

Browser extensions Browsers IT-companies


В середине февраля 2020 года Google выпустила дополнение для Firefox — Google Lighthouse (версия 100.0.0.1).
Читать дальше →
Total votes 4: ↑4 and ↓0 +4
Views 3.7K
Comments 0

Qt Lighthouse + Android = android-lighthouse

Development for Android *

Lighthouse


Начато портирование Qt Lighthouse на Android. Порт пока что далеко не полный, но QtCore, QtNetwork, QtXml, QtSvg, QtSql уже работают достаточно хорошо. Дальше у автора по планам улучшение QtGui и QtMultimedia.

Вот видео с эмулятора, на которых показаны некоторые примеры из поставки Qt: Wiggly, Animated Tiles, Elastic Nodes, Tooltips.
Читать дальше →
Total votes 43: ↑37 and ↓6 +31
Views 3.5K
Comments 25

Представляю доказательства возможности портировать Qt Lighthouse на iOS (UIKit)

Qt *
Translation
Я закончил реализацию тестового порта Lighthouse плагина, котрый работает «поверх» UIKit (исходный код доступен в репозиротии qt-lighthouse на гиториоусе). Пока не настолько впечатляющий, как порт под Android (но может быть немножечко более впечатляюще, чем порт под новую пратформу INTEGRITY, по крайней мере для меня).
image
Что все это значит ?
Total votes 74: ↑69 and ↓5 +64
Views 7.9K
Comments 60

А давайте пощупаем Qt5

Qt *
Выход первой альфы Qt5 уже не за горами, но зачем нам ждать этого момента, если мы можем прямо сейчас окунуться в ближайшее будущее с его QtQuick2, V8 и qpa?
Поехали
Total votes 45: ↑43 and ↓2 +41
Views 22K
Comments 67

Интернет на магнитах 5 — Маяки и сообщения (личные, публичные и обновления)

Decentralized networks IPFS *

Я вспомнил что не рассказал важную часть для обеспечения возможности общения и обновления контента в P2P сетях.


Не все P2P сети имеют возможность отправки и приёма личных сообщений. Также не всегда сообщение можно оставить в оффлайн. Мы исправим этот недостаток используя три возможности P2P сетей: поиск файла, просмотр шары(списка опубликованных файлов) или комментарии к файлу.


Как это работает


Шаблон маяка создаётся однократно и используется для создания маяков для связи с автором.


Общий алгоритм получения


  1. Публикуется шаблон маяка.
  2. Формируется маяк.
  3. Поиск этого маяка и файла с хешем маяка в имени.
  4. Загрузка найденных файлов или просмотр шары источников маяка.

Общий алгоритм отправки такой


  1. Пишем сообщение.
  2. Шифруем открытым ключом адресата.
  3. Формируем маяк по шаблону адресата.
  4. Получаем хеш от маяка и вставляем в имя файла с сообщением.
  5. Публикуем маяк и файл с сообщением в p2p сетях.

Наше сообщение и маяк свободно могут копировать другие участники сети. Так как оно зашифровано они не смогут его прочитать но помогут его держать онлайн пока его не получит адресат.

Читать дальше →
Total votes 13: ↑13 and ↓0 +13
Views 4K
Comments 0

«Быстрорастворимый» фронтенд. Лекция в Яндексе

Яндекс corporate blog JavaScript *Client optimization *Interfaces *
Ускорить доставку элементов фронтенда на устройство пользователя можно несколькими способами. Разработчик Артём Белов из самарского офиса норвежской компании Cxense попробовал самые многообещающие: HTTP/2, Server Push, Service Worker, а также оптимизацию в процессе сборки и на стороне клиента. Итак, что же нужно сделать, чтобы сократить время отклика приложения до минимума?


Выясняется, что алгоритмы сжатия существуют уже давно. Это произошло где-то в июне — видимо, где-то над Самарой пролетал метеорит и идея проверить новые алгоритмы сжатия, Zopfli и Brotli, пришла мне и парню из соседней компании. Больше чем уверен, вы читали его статью, это Александр Субботин. Статья разошлась на Medium, и он известен, а я нет.

Total votes 71: ↑68 and ↓3 +65
Views 24K
Comments 21

Valve открывает для сторонних разработчиков технологию 3D трекинга Lighthouse

Robotics AR and VR Periphery Wearable electronics


Компания Valve, выпустившая в этом году совместно с HTC систему виртуальной реальности Vive, выполнила прошлогоднее обещание и открыла программу, позволяющую сторонним разработчикам создавать устройства, совместимые с их технологией 3D трекинга Lighthouse. Участие в программе обойдется почти в $3000 и предполагает обязательное личное посещение обучающих курсов, которые будут проводиться в сентябре в офисе компании Synaptic в Сиэтле. В ходе курсов разработчики не только получат подробный инструктаж по всем аспектам разработки (в областях промдизайна, схемотехники и софта), но и получат девкит с компонентами для сборки своего прототипа.
Читать дальше →
Total votes 19: ↑19 and ↓0 +19
Views 13K
Comments 14

Mozilla распустила подразделение Connected Devices

IT-companies


«Эксперимент закончен. Мы сохраняем содержимое этой страницы, чтобы другие могли использовать информацию для своей пользы», — такое печальное сообщение опубликовано по адресу Connected_Devices/Projects на сайте Mozilla Wiki.

В четверг 2 февраля 2017 года некоммерческая организация сообщила сотрудникам подразделения Connected Devices о роспуске этой группы разработки. Как сообщается, в результате будет переведено в другие отделы или уволено примерно 50 человек, в том числе увольняют старшего вице-президента Mozilla Ари Джаакси (Ari Jaaksi), который отвечал за это направление. Об уходе сообщил подчинённым и Бертран Нево (Bertrand Neveux), директор по продуктам подразделения Connected Devices.
Читать дальше →
Total votes 19: ↑19 and ↓0 +19
Views 9.2K
Comments 9

Как ВТБ к единому знанию приходил

ВТБ corporate blog SharePoint IT Infrastructure *ERP-systems *Service Desk *
Представьте, что вы звоните по какому-то вопросу в колл-центр банка и получаете один ответ. Затем приходите в точку продаж, но полученная ранее информация оказывается неактуальной. Чтобы гарантированно избежать таких расхождений, мы решили уйти от существующего в банке решения, созданного на SharePoint, переработали весь контент, определили источники и потребителей данных и переупаковали всю необходимую информацию в новую систему управления знаниями — единую для всех подразделений. В этом посте мы поделимся своим опытом.


Читать дальше →
Total votes 19: ↑14 and ↓5 +9
Views 6K
Comments 14

Создаём максимально недоступный сайт с идеальной оценкой Lighthouse

Abnormal programming *Website development *CSS *HTML *
Translation
Встроенный инструмент тестирования Google Lighthouse оценивает доступность (accessibility) сайтов по шкале от 0 до 100. Похвально стремиться к максимальной читаемости контента, но оценка 100 не означает, что сайт идеально доступен. Для доказательства я провёл небольшой эксперимент.

Всегда приятно видеть, как люди хвастаются в твиттере своими оценками Lighthouse: это значит, что они заботятся о качестве.



Lighthouse награждает лучшие сайты зелёным кружочком с цифрой 100, которую вы с гордостью показываете клиентам и друзьям.
Читать дальше →
Total votes 138: ↑137 and ↓1 +136
Views 47K
Comments 41

Что такое производительность веб-приложений?

TINKOFF corporate blog JavaScript *Google Chrome HTML *
image

Какие-то приложения грузятся быстро, какие-то медленно, но за счет чего это происходит? Только ли скорость загрузки страницы является показателем производительности приложения?

Ответить на эти и многие другие вопросы в одной статье было бы очень сложно. Поэтому я собрал каталог ссылок и разбил его на категории. Но для начала — немного теории о том, что такое производительность и когда о ней стоит задуматься.
Читать дальше →
Total votes 33: ↑32 and ↓1 +31
Views 13K
Comments 8

Ускоряем фронтенд. Когда много запросов к серверу — это хорошо

ITSumma corporate blog High performance *Website development *Client optimization *Development of mobile applications *
Translation
Tutorial
В этой статье описываются некоторые методы ускорения загрузки фронтенд-приложений, чтобы реализовать отзывчивый, быстрый пользовательский интерфейс.

Мы обсудим общую архитектуру фронтенда, как обеспечить предварительную загрузку необходимых ресурсов и увеличить вероятность того, что они в кэше. Немного порассуждаем, как отдавать ресурсы с бэкенда и когда можно ограничиться статическими страницами вместо интерактивного клиентского приложения.

Процесс загрузки разделим на три этапа. Для каждого этапа сформулируем общие стратегии повышения производительности:

  1. Начальная отрисовка: сколько времени требуется, чтобы пользователь увидел хоть что-то
    • Сократить запросы, блокирующие рендеринг
    • Избегать последовательных цепочек
    • Повторно использовать соединения с сервером
    • Сервис-воркеры для мгновенного рендеринга
  2. Загрузка приложения: сколько времени требуется, чтобы пользователь смог использовать приложение
    • Разбить пакет приложения на части. Загружать только необходимые ресурсы. Максимизация попаданий в кэш
    • Проверить, что хэши частей пакета не меняются без необходимости
    • Запрашивать данные для страницы до загрузки всего приложения
    • Не блокировать рендеринг загрузкой второстепенных данных
    • Рассмотреть рендеринг на стороне сервера
  3. Следующая страница: сколько времени требуется для перехода на следующую страницу
    • Запрашивать дополнительный код до того, как он понадобится
    • Кэшировать и повторно использовать данные на клиенте
Читать дальше →
Total votes 31: ↑31 and ↓0 +31
Views 19K
Comments 2

Новый Google PageSpeed Insights на движке Lighthouse 6 (beta): проверьте, какие показатели будут у вашего сайта

High performance *Google Chrome
16 марта в Google Chrome выпустили бета-версию Lighthouse 6. Финальная версия ляжет в основу замеров в новом PageSpeed Insights и консоли разработчика браузера Chrome. Подробности и тест движка внутри.
Читать дальше →
Total votes 15: ↑13 and ↓2 +11
Views 7.1K
Comments 3

Не лайтхаусом единым: как проверить свой сайт со всех сторон

VDSina.ru corporate blog Web design *Website development *Web services testing *Web analytics *


Когда мы говорим о веб-валидаторах и оптимизации сайта под них, мы чаще всего имеем ввиду Lighthouse/Pagespeed Insights от Google, который давно стал де-факто стандартом для оценки производительности сайта. Кто-то стремится к заветным 100 баллам даже на прототипах и шаблонных приложениях в две кнопки, кто-то в шутку создает абсолютно недоступный сайт с идеальным рейтингом, но для всех фронтендеров лайтхаус предоставляет вменяемую, хоть и довольно поверхностную, аналитику производительности сайта и поиск бутылочных горлышек. Однако скорость загрузки — лишь один из множества параметров, которые стоит проверять на своём сайте, и для большинства других есть свои валидаторы и скоринговые алгоритмы. Мы рассмотрим инструменты для каждого из значимых направлений и составим список, по которому стоит прогонять свой сайт, чтобы в дальнейшем не отлавливать проблемы вручную.
Читать дальше →
Total votes 35: ↑33 and ↓2 +31
Views 14K
Comments 4

Как привести проект в чувство

ДомКлик corporate blog Website development *JavaScript *Designing and refactoring *Build automation *


Представьте ситуацию, вы первый день на новом для вас проекте, с чего будете начинать? Опишите свои шаги.

Так звучит один из популярных вопросов на собеседовании для фронтенд-разработчиков. Я не знаю, что хочет услышать человек, задающий этот вопрос, но у меня есть ответ на его техническую составляющую и бэклог на несколько месяцев вперед.
Читать дальше →
Total votes 41: ↑37 and ↓4 +33
Views 12K
Comments 32

Безжалостное избавление от Layout Shift на netlify.com

Website development *JavaScript *Accessibility *
Translation

На сайте Netlify у нас есть небольшой баннер, который появляется вверху для привлечения трафика к новым и интересным вещам, происходящим в мире Netlify. В некоторых случаях время между началом загрузки страницы и отображение баннера достигало ~600 мс. Нужно что-то с этим делать.

Читать далее
Total votes 5: ↑4 and ↓1 +3
Views 2.2K
Comments 7

Бенчмарки VKUI и других ребят из UI-библиотек

VK corporate blog VK API *GitHub Web services testing *

Меня зовут Григорий Горбовской, я работаю в Web-команде департамента по экосистемным продуктам ВКонтакте, занимаюсь разработкой VKUI. 

Хочу вкратце рассказать, как мы написали 8 тестовых веб-приложений, подключили их к моно-репозиторию, автоматизировали аудит через Google Lighthouse с помощью GitHub Actions — и как решали проблемы, с которыми столкнулись.

Читать далее
Total votes 8: ↑6 and ↓2 +4
Views 2.6K
Comments 6

Как собрать свой Lighthouse

Конференции Олега Бунина (Онтико) corporate blog Авито corporate blog High performance *JavaScript *Programming *

Чем интенсивнее наш feature delivering, тем быстрее падает производительность. И, конечно, приходит время автоматизировать процесс слежения, чтобы просадка не дошла до прода или даже staging-окружения.

Про прод-мониторинг, оптимизацию и ручной анализ производительности легко узнать на web.dev. Но по автоматизации слежения за производительностью до того, как фичи покатятся в прод, информации не так уж много. Сегодня расскажу, как для профилирования собрать практически свой Lighthouse, чтобы проводить performance-тесты и успешно бороться с просадкой в работе команды фронтендеров.

Читать далее
Total votes 22: ↑22 and ↓0 +22
Views 3.2K
Comments 3