Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «клиентским»
FLIF – идеальный формат для изображений? 2017-03-27 16:00:52
 + развернуть текст сохранённая копия
Как формат JPEG произвел в свое время революцию среди форматов изображений, так и новый формат FLIF обещает такого же масштаба событие для дизайнеров и веб-разработчиков.
FLIF (Free Lossless Image Format) – новый формат файлов для изображений, обеспечивающий беспрецедентное сжатие без потерь. Файлы получаются:
- На 14% меньше, чем WebP, без потерь
- На 22% меньше, чем BPG, без потерь
- На 33% меньше, чем сжатый через ZopfliPNG PNG-файл
- На 43% меньше, чем обычные PNG-файлы
- На 46% меньше, чем оптимизированные по Adam7 чересстрочные PNG-файлы
- На 53% меньше, чем JPEG 2000, без потерь
- На 74% меньше, чем JPEG XR, без потерь
На Хабре уже опубликовано пару статей на тему FLIF. Но мы пойдем дальше: какую еще практическую пользу несет формат, кроме меньшего размера для большинства типов изображений (в частности, для типов без потерь качества)?
Читать дальше →
Тэги: flif, gpl, group, jpeg, open, png, source, webo, webp, арифметическое, блог, веб-сайтов, графические, данных, изображений, клиентская, кодирование, компании, обработка, оптимизация, разработка, сжатие, файлов, файлы, форматы
[Перевод] Дружим Angular с Google (Angular Universal) 2017-03-27 12:44:32
Дружим Angular с Google
...
+ развернуть текст сохранённая копия
Дружим Angular с Google
Google ненавидит SPA
Когда мы говорим про современные интернет магазины, мы представляем себе тяжелые для понимания серверы, рендрящие тысячи статических страничек. Причем именно эти тысячи отрендеренных страниц одна из причин, почему Single Page Applications не прижились в электронной коммерции. Даже крупнейшие магазины электронной коммерции по-прежнему выглядят как куча статических страниц. Для пользователя это нескончаемый цикл кликов, ожиданий и перезагрузки страниц.
Читать дальше →
Тэги: angular, angular2, angularjs, e-commerce, javascript, universal, web-программирование, web-разработка, английского, веб-сайтов, клиентская, оптимизация, перевод, разработка
Create React App (aka React Scripts) и серверный рендеринг с Redux и Router 2017-03-16 09:34:58
Из комментариев к статье стало понятно, что очень многие люди склоняются в сторону экосистемы ...
+ развернуть текст сохранённая копия
Из комментариев к статье стало понятно, что очень многие люди склоняются в сторону экосистемы Create React App (он же React Scripts). Это вполне разумно, т.к. это самый популярный и простой в использовании продукт (благодаря отсутствию конфигурации и поддержке ведущих людей React-сообщества), в котором, к тому же, есть почти все необходимое — сборка, режим разработки, тесты, статистика покрытия. Не хватает только серверного рендеринга.
В качестве одного из способов в официальной документации предлагается либо вбивать начальные данные в шаблон либо воспользоваться статическими слепками. Первый подход не позволит поисковикам нормально индексировать статичный HTML, а второй — не поддерживает проброс никаких начальных данных, кроме HTML (фраза из документации: this doesn't pass down any state except what's contained in the markup). Поэтому если используется Redux, то придется для рендеринга использовать что-то другое.
Я адаптировал пример из статьи для использования с Create React App, теперь он называется Create React Server и умеет запускать серверный рендеринг командой:
create-react-server --createRoutes src/routes.js --createStore src/store.js
Читать дальше →
Тэги: apps, express, isomorphic, node.js, react, react-router, reactjs, redux, universal, веб-сайтов, клиентская, оптимизация, разработка
Что взять за основу React приложения 2017-03-10 04:02:57
Каждый раз начиная писать React приложение, вы так или иначе выберите какой-то вариант:
...
+ развернуть текст сохранённая копия
Каждый раз начиная писать React приложение, вы так или иначе выберите какой-то вариант:
- копи-паст вашего предыдущего проекта
- какой-то бойлерплейт или даже генератор (типа Yeoman)
- готовый фреймворк не требующий конфигурации
- пишете сами все с нуля
Каждый из способов имеет свои сильные и слабые стороны, как на длинной, так и на короткой дистанции.
Некоторые решения скрывают сложность в начале, позволяя сделать быстрый старт. Это что-то вроде решения под ключ, но в результате такие решения могут оказаться недостаточно гибкими и сложными в подстройке. С другой стороны, в начале все может казаться слегка монструозным и неповоротливым, и чтоб начать нужно немного повозиться, но зато потом преимущества станут очевидными. Всегда есть возможность сделать все с нуля, ровно так, как хочется, но в таком случае Вы будете отвечать за бесчисленные аспекты и Вам потребуются очень глубокие знания во всех участвующих технологиях. Читать дальше →
Тэги: electrode, javascript, next.js, node.js, react, reactjs, redux, server-rendering, webpack, веб-сайтов, клиентская, оптимизация, разработка
[Перевод] Производительность старта JavaScript 2017-02-14 16:28:48
< ...
+ развернуть текст сохранённая копия
Веб-разработчики знают, как легко разрастаются размеры веб-страниц. Но загрузка страницы — это не просто передача байтов по проводу. Когда браузер загрузил скрипты, ему нужно их отпарсить, интерпретировать и запустить. В статье мы внимательно рассмотрим эту фазу и узнаем, почему она может стать причиной замедления запуска вашего приложения и как это исправить.
Читать дальше →
Тэги: group, javascript, mail.ru, nodejs, performance, блог, веб-сайтов, высокая, клиентская, компании, оптимизация, производительность, разработка, теги, читает
Главная / Главные темы / Тэг «клиентским»
|
Взлеты Топ 5
Падения Топ 5
|
