В этой статье я расскажу про 8 методик оптимизации загрузки изображений, которые уменьшают необходимую пропускную способность сети и нагрузку на процессор при выводе на экран. Приведу примеры аннотированного HTML, чтобы вам было легче воспроизвести. Какие-то методики уже давно известны, а какие-то появились относительно недавно. В идеале, ваш любимый механизм публикации веб-документов (например, CMS, генератор статичных сайтов или фреймворк для веб-приложений) должен всё это реализовывать из коробки.
Читать полностью »
Рубрика «браузеры» - 9
Максимально оптимизированная веб-загрузка изображений в 2021 году
2021-02-20 в 12:42, admin, рубрики: Блог компании Mail.Ru Group, браузеры, высокая производительность, загрузка картинок, Клиентская оптимизация, никто не читает теги, оптимизация изображений, Разработка веб-сайтовНевменяемый, необъятный масштаб браузеров
2021-02-07 в 4:36, admin, рубрики: Firefox, Google, Google Chrome, mozilla, open source, w3c, браузеры, долбанутые, открытое программное обеспечение, печатный станок, Разработка веб-сайтовУвидев вот эту публикацию про браузерные войны, я хотел было написать альтернативное наблюдение за тем, как мы докатились до такой жизни. Но Дрю ДеВолт уже всё сказал за меня.
Начиная с первых войн между Netscape и IE, главным инструментом в конкурентной борьбе браузеров стала функциональность. Вот только стратегия неограниченного роста и расширения — совершенно безумная. Слишком долго мы позволяли ей продолжаться.
С помощью wget я скачал все 1217 спецификаций W3C, опубликованных на текущий момент1Читать полностью »
У Google появился новый креативный способ убивать SaaS-стартапы
2021-01-19 в 14:44, admin, рубрики: Google, Google Safe Browsing, Google Search Console, SaaS, SaaS / S+S, Администрирование доменных имен, антивирусная защита, браузеры, Развитие стартапа, стартап, черный списокВ старые времена, когда компания Google (или любой из её плохо настроенных ИИ) хотела убить ваш бизнес, то обычно отказывала вам в доступе к какому-то из своих сервисов, и это работало. Вы наверняка слышали страшилки:
- Сайты исчезают из поиска Google и уходят в небытие
- Видео на YouTube демонетизируется, и создатели теряют источник дохода
- Android-приложения исчезают из каталога Google Play и не могут связаться со своими пользователями
- API резко дорожают или просто устаревают
- И последнее, но не менее важное, личный аналог всего вышеперечисленного: люди теряют доступ к аккаунтам Gmail и всей своей цифровой жизни
Клянусь, я прочитал FAQ!
Читать полностью »
Яндекс отключил расширения с аудиторией в 8 млн пользователей. Объясняем, почему мы пошли на такой шаг
2020-12-24 в 8:59, admin, рубрики: Extensions, Frigate, savefrom.net, антифрод, безопасность, Блог компании Яндекс, браузеры, информационная безопасность, команда яндекс.браузера, Разработка веб-сайтов, расширения, Расширения для браузеров, реклама, яндексСегодня мы приняли решение отключить расширения SaveFrom.net, Frigate Light, Frigate CDN и некоторые другие, установленные у пользователей Яндекс.Браузера. Совокупная аудитория этих инструментов превышает 8 млн человек.
В этом посте мы расскажем о причинах и поделимся с сообществом результатами анализа деятельности расширений. Вы узнаете про тайное воспроизведение видео из онлайн-кинотеатров с целью накрутки просмотров. Увидите фрагмент кода, содержащий механизм для перехвата токенов социальных сетей. Мы покажем, как организована динамическая загрузка и выполнение произвольного кода без обновления расширений.
До свидания, Google Fonts. Последний аргумент
2020-12-16 в 9:10, admin, рубрики: api, CDN, chrome, css, Google Fonts, Network Isolation Key, partitioned browser cache, preconnect, preload, ttf, woff, браузеры, разделенный кэш, Разработка веб-сайтов
Шрифты Google Fonts страшно популярны. Их загружают более 42,8 миллиона сайтов, в том числе Хабр. Библиотека Google Fonts содержит 1023 свободных шрифта и программные интерфейсы для их внедрения через CSS. Очень удобно, казалось бы.
Во многих статьях отмечалось, в какую цену обходятся многочисленные запросы через API. Совет самостоятельно хостить шрифты дают много лет. Даже сама Google давала такой совет на конференции Google I/O 2018 года в выступлении на тему веб-производительности.
Так почему же многие до сих пор загружают шрифты через Google Fonts API? Ну, был последний аргумент — кэширование. Мол, благодаря общему CDN пользователю не нужно скачивать шрифт заново с каждого сайта. Однако в октябре 2020 года этот аргумент перестал работать. Теперь шрифты Google Fonts больше не кэшируются!
Читать полностью »
Команда энтузиастов выпустила P2P-браузер Beaker 1.0 после двух лет разработки
2020-12-05 в 16:02, admin, рубрики: beaker, p2p, Блог компании Selectel, браузеры, информационная безопасность, Сетевые технологии, Социальные сети и сообществаПару лет назад стало известно, что группа энтузиастов разрабатывает P2P-браузер с поддержкой протокола Hypercore. Этот браузер получил название Beaker 1.0. Цель проекта — предоставить возможность пользователям разрабатывать и размещать свои сайты не где-то там, а «прямо в браузере». То есть можно создать локальную папку и поделиться URL-адресом, который откроет доступ сторонним пользователям к новому ресурсу.
Узлы сети в этом случае — сами пользователи браузера. Beaker базируется на JavaScript c использованием движка Chromium и платформы Electron. Распространияется Beaker под лицензией MIT. Разработчики подготовили сборки для Linux, macOS и Windows.
Читать полностью »
Почта, RSS и календарь — начинаем тестировать
2020-11-24 в 13:26, admin, рубрики: rss, vivaldi, Блог компании Vivaldi Technologies AS, браузеры, Календарь, почта, тестирование
Привет!
Сегодня у нас не совсем обычный день. Даже, скажем прямо, в какой-то степени знаменательный. После нескольких лет разработки мы готовы показать новые функции, которые многие из вас давно ждали. Причём, показать не по одной, а все сразу. Итак, встречаем: встроенный почтовый клиент, поддержка новостных лент RSS и календарь. Самим не верится, но это реальность. Новая реальность для браузера Vivaldi.
Читать полностью »
NETSCAPE: Хроника взлетов и падений
2020-11-06 в 9:15, admin, рубрики: netscape, Netscape Navigator, ruvds, Блог компании RUVDS.com, браузеры, историяУ каждого из нас есть любимый браузер. Кто-то привык к Chrome с его синхронизацией «избранного» и сохраненных паролей через сервисы Google, кому-то ближе Opera со встроенным VPN, позволяющим без проблем заглядывать на LinkedIn, Rutracker и тысячи других заблокированных сайтов. Маководы традиционно пользуются Safari, есть своя армия поклонников и у «огнелиса» с его широчайшим ассортиментом всевозможных плагинов. Но еще два с небольшим десятка лет назад выбирать было, в общем-то, не из чего. В составе Microsoft Windows 9x/NT4 имелся Internet Explorer, конкуренцию которому составлял браузер под названием Nescape Navigator, получивший в юзерской среде ласковое прозвище «Нетшкаф». Сегодняшний вечер воспоминаний посвящен истории этой легендарной программы.Читать полностью »
Отзывчивый веб-дизайн и учёт высоты окна браузера
2020-10-28 в 13:15, admin, рубрики: css, html, Блог компании RUVDS.com, браузеры, дизайн, разработка, Разработка веб-сайтовЗнаю, что у многих появится вопрос о том, почему у этой статьи такой необычный заголовок. Как связаны «отзывчивый веб-дизайн» и «высота окна браузера»? Пожалуй, этот заголовок кажется необычным из-за того, что под «отзывчивым дизайном», как правило, понимают проектирование страниц таким образом, чтобы они подстраивались бы под ширину области просмотра, чтобы они хорошо бы выглядели на разных устройствах. Сайты всегда тестируют, уменьшая ширину браузера и наблюдая за происходящим. Но я практически никогда не сталкивался с некими указаниями по тестированию какого-то проекта, в которых сказано, что страницы исследуют путём уменьшения высоты окна браузера. Возможно, вы когда-нибудь ловили себя на такой мысли: «Надо ли проверять страницы в окнах браузера разной высоты?». Я полагаю, что делать это надо, и собираюсь убедить в этом всех, кто прочитает эту статью.
При работе над веб-сайтом не очень правильно делать некие предположения, не опираясь на реальные данные. Поэтому очень важно брать на себя ответственность по проверке сайтов в окнах браузеров разной ширины и разной высоты.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №438 (19 — 25 октября 2020)
2020-10-25 в 20:43, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.