Оптимизация статического сайта: десятикратное ускорение

Автор: admin от 26-03-2018, 13:30, посмотрело: 33

Джонлука Де Каро, автор материала, перевод которого мы сегодня публикуем, однажды оказался в заграничной поездке и захотел показать другу свою личную страничку в интернете. Надо сказать, что это был обычный статический сайт, но, в процессе демонстрации оказалось, что всё работает медленнее, чем можно было бы ожидать.



Оптимизация статического сайта: десятикратное ускорение




На сайте не применялось никаких динамических механизмов — там было немного анимации, он был создан с применением методов отзывчивого дизайна, но содержимое ресурса практически всегда оставалось неизменным. Автор статьи говорит, что то, что он увидел, быстро проанализировав ситуацию, буквально привело его в ужас. События codev_0 пришлось ждать около 4-х секунд, на полную загрузку страницы ушло 6.8 секунды. В процессе загрузки было выполнено 20 запросов, общий объём переданных данных составил около мегабайта. А ведь речь идёт о статическом сайте. Тут Джонлука понял, что он раньше считал свой сайт невероятно быстрым лишь потому, что привык к гигабитному интернет-соединению с низкой задержкой, используя которое, он, из Лос-Анджелеса, работал с сервером, расположенным в Сан-Франциско. Теперь же он оказался в Италии и воспользовался интернет-соединением на 8 Мбит/с. А это совершенно поменяло картину происходящего.



В этой статье Джонлука Де Каро расскажет о том, как ему удалось ускорить свой статический сайт в десять раз.

Категория: Программирование » Веб-разработка

 

Всё простое опять стало сложным

Автор: admin от 7-03-2018, 13:55, посмотрело: 38

Это выступление состоялась 12 октября 2017 года на конференции Mirror Conf в Браге (Португалия) и ещё раз 9 февраля 2018 года на Awwwards Conference в Берлине.



Всё простое опять стало сложнымЭтим летом после лекции на веб-конференции у меня состоялась увлекательная беседа с молодой студенткой, которая изучает цифровой дизайн. Было интересно сравнить наши карьерные пути. У меня пятнадцать лет опыта дизайна для веб-клиентов, у неё — один год, но каким-то образом мы оказались в одинаковой ситуации: мы наслаждались работой, но были совершенно дезориентированы и обескуражены быстро растущей сложностью всего вокруг. Что за ерунда произошла? (Конечно, это риторический вопрос).



Для нас обоих стало облегчением взаимно признаться в разочаровании и замешательстве. И мне стало интересно — эта какая-то смешная ситуация или тут серьёзная тема. Ни у кого из нас не было ответа, но спустя немного времени мне стало понятно, что мы оба должны сделать. Я бы хотел сегодня продолжить этот разговор и попытаться сформулировать свою точку зрения по поводу этой неразберихи и во что она нам обходится.

Категория: Программирование » Веб-разработка

 

Бета-тестирование AB-DOC

Автор: admin от 20-02-2018, 17:15, посмотрело: 53

Привет всем! Мы завершили работу над первой версией AB-DOC и приглашаем всех на бета-тест. Приложение позволяет создать документы онлайн в удобном редакторе и систематизировать их хранение в виде дерева.

Бета-тестирование AB-DOC


Подробности под катом.

Категория: Программирование » Веб-разработка

 

Открытый урок на тему «Аудит рекламных кампаний в Яндекс. Директе»

Автор: admin от 10-02-2018, 11:50, посмотрело: 59

И снова здравствуйте!



День всех влюбленных уже на следующей неделе, а значит скоро начнётся курс нашего универсального солдата Digital маркетолога.



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



Ждём, если что, ваших вопросов, предложений, комментариев и всего остального. https://habrahabr.ru/post/348750/?utm_source=habrahabr&utm_medium=rss&utm_campaign=348750#habracut

Категория: Программирование » Веб-разработка

 

Html-sketchapp — залог единства программистов и дизайнеров

Автор: admin от 8-02-2018, 13:10, посмотрело: 51

Марк Далглейш, руководитель подразделения, занимающегося разработкой дизайн-систем в компании SEEK, говорит, что если взглянуть на любую команду, которая использует дизайн-систему, можно обнаружить, что у такого подхода имеются совершенно очевидные преимущества. Заключаются они в том, что дизайнеры и программисты трудятся продуктивнее, чем без наличия такой системы, результаты их работы становятся единообразнее, взаимодействие между различными группами сотрудников оказывается более чётким и слаженным.



Html-sketchapp — залог единства программистов и дизайнеров


Домашняя страница интерактивного руководства по стилю компании SEEK



Однако у большинства дизайн-систем есть фундаментальный недостаток. Дизайнеры и разработчики, даже при внедрении чего-то довольно-таки современного, продолжают работать в совершенно разных средах. В результате для того, чтобы поддерживать код и материалы дизайна в согласованном состоянии, приходится прикладывать немалые усилия, иначе те материалы, с которыми работают дизайнеры и программисты, с течением времени, уходят друг от друга всё дальше.



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



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

Категория: Программирование » Веб-разработка

 

Опыт веб-разработки при создании игры «Составь слова»

Автор: admin от 30-01-2018, 12:50, посмотрело: 47

Опыт веб-разработки при создании игры «Составь слова»



Хочу поделиться своим опытом работы над веб-проектом: реализацией игры «Составь слова». Игра представляет собой известную головоломку, в которой нужно составлять разные слова из одного длинного слова.



Суть статьи — в том, как именно и что конкретно пришлось сделать, чтобы довести всю задумку от идеи до реализации.

Категория: Программирование, Веб-разработка

 

Тонкости резюме в немецкие IT компании. Часть 1

Автор: admin от 14-01-2018, 20:30, посмотрело: 146

Приветствую всех талантливых программистов, веб-разработчиков, дизайнеров и просто коллег IT сферы, которые по любым причинам ищут информацию о Германии и работе в этой стране.

Категория: Программирование, Веб-разработка

 

Новая жизнь старой пагинации

Автор: admin от 7-12-2017, 21:20, посмотрело: 92

Когда занимаешься проектированием, уже в режиме «автопилот» замечаешь не только интересные фишки, но и шероховатости во взаимодействии, вещи, которые хотелось бы исправить на некоторых сайтах. Одна из таких вещей — пагинация (назовем это так) или способы подачи и поиска контента на сайте.



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



Если вам тоже хотелось «как-то проще» — тогда вам сюда. В статье хочу рассказать о новом, изобретенном, виде пагинации. Чтобы было понятно откуда растут ноги, вводной частью пущу небольшой рассказ о двух самых распространенных видах отображения контента. Их достоинства и недостатки. Потом перейду к сути.

Категория: Программирование » Веб-разработка

 

Основные юридические ошибки веб-студий

Автор: admin от 25-10-2017, 09:10, посмотрело: 117

Еще лет 30 назад работа веб-дизайнера требовала не только фантазии и сноровки, но и телесных затрат. Да-да, со зрением и осанкой дизайнер мог попрощаться. Скукожившись в позе эмбриона, при тусклом свете лампадки, художник без помощи компьютера создавал свои шедевры. Советские мультипликаторы, например, вручную прорисовывали всех персонажей мультфильма «Двенадцать месяцев» со всеми телодвижениями.

Основные юридические ошибки веб-студий
«Двенадцать месяцев» — кадр из советского мультфильма по мотивам пьесы С.Я. Маршака, 1942—43 г.

Категория: Программирование » Веб-разработка

 

Руководство по взаимопониманию между заказчиком и подрядчиком

Автор: admin от 13-09-2017, 06:35, посмотрело: 115

Руководство по взаимопониманию между заказчиком и подрядчиком



Складывается ощущение, что о клиентоориентированности и стремлении к модели «Win-Win» не заявляет только ленивый. Но притом «негласная война» продолжается: исполнители хают «наглых» клиентов, осуждая их в своих уютных бложиках, а заказчики собираются в пятницу вечером в баре, чтобы выдавить слезу разочарования и пожаловаться друзьям на «непрофессионализм» очередных горе-разработчиков / -маркетологов. Каждый тянет одеяло на себя, пытаясь сделать «Win-Lose» в свою пользу. А в итоге получается «Lose-Lose». Хотя очевидно, что 95% рынка с каждой стороны вполне адекватны, у всех есть сильные стороны, достойные уважения.



Как перестать вести эту бессмысленную «борьбу»? Разберем конкретные тезисы без воды и нудной философии.



P. S.: это не категоричные установки, претендующие на истину в последней инстанции, а скорее обращение к рынку. Буду искренне рад, если оно поможет хотя бы нескольким «дуэтам» (это и есть правильная форма сотрудничества). А если еще и случится такое, что однажды кто-то скинет кому-то ссылку на эту статью для избежания конфликта, то буду безгранично счастлив.
->

Категория: Программирование » Веб-разработка

 
Назад Вперед