Webdevkin

Вредные советы для фронтенд-разработчиков

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

====================

Занимаясь разработкой
Приложениев клиентских,
Есть опасность это сделать
Неожиданно нормально.

Чтобы это не случилось,
Я бесплатно дам советы,
А то вдруг тебя припишут
К шибко умным программистам.

Несколько рекомендаций
Жизнь тебе облегчат сильно.
И клиенты будут рады,
И тимлиды одобрять.

Файлов-стилей на странице
Подключать нужно побольше,
Чтобы каждая табличка
Свой тянула css.

И не вздумай ты в угаре
Склеить стили в один файлик.
Модульность не ты придумал,
Не тебе и отменять.

Сжатие html-a,
Равно как и css-a -
Бесполезная работа
И дешевые понты.

Знает каждый сладкоежка,
Пара лишних килограммов
Никому не повредили.
С мегабайтами все так же,
Браузер от них не треснет.

Если в папке icons файлов
Набралось уже две сотни,
Знай, что все идет как надо,
Лучше много и поменьше.

Если кто неосторожно
Скажет "спрайт" тебе на ушко,
Плюнь ему ты прямо в морду,
Он не знает, что творит.

Ты, как опытный работник,
Думай наперед про бизнес
И представь, как будет сложно
В этом непонятном "спрайте"
Заменить одну иконку.

А зеленому коллеге,
Нахлебавшемуся смузи,
Ты скажи авторитетно,
Keep It Simple что-то там.

Если делать галерею,
У которой умный принцип
Не грузить картинки сразу,
А подтягивать аяксом,
То не вздумай ты превьюшки
Предварительно нарезать.

В этом смысл технологий -
Стырить в интернете либу,
Как попало ее внедрить
И тимлиду доложить.

Вот аякс, а вот картинка,
Ее мягко подгружает
Либа только по запросу.

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

Когда блоки ты верстаешь,
Делай вложенность побольше,
Больше дивов внутри спанов,
Больше вложенных таблиц.

Классы называй длиннее,
Задавай всем элементам,
Чтобы каждый распоследний
Span имел свой личный класс.

Удивленные вопросы,
На хрена все это надо,
Ты устало игнорируй,
Говори, что это БЭМ.

Если кто-то съехал крышей,
Посягает на святое,
Предлагает на проекте
Не использовать jquery,

Бунтаря чмырить не нужно,
Просто отвечай мерзавцу,
Чтобы завалил хлебало,
Ведь аналогов append-у
Не придумано еще.

Мама с детства говорила,
Кашу маслом не испортить.
Мудрость данная сгодится
Абсолютно в любой сфере,
И фронтенд не исключенье.

Все клиенты очень любят
Анимации на сайте,
Чтобы блоки при ресайзах
Запускались дружно в пляс.

Принимая смело вызов
На такой крутой задаче,
Откажись от css-а,
От ужасных media queries,
От transitions и keyframes.

Яваскрипт тебе поможет
Оживить чего угодно,
Анимации такие,
Что повесится мозилла
И в углу заплачет хром.

Эт проблема небольшая,
Ведь известно, у клиентов
Всех давно стоят макбуки,
И процессоры i9
Легко справятся с нагрузкой.

Ради плавных анимаций
Больше скроллов и ресайзов
Вызывай на каждый чих.

Если тебя тычут носом
В throttle или же debounce,
Никогда не поддавайся
На такие провокацьи
И не вздумай изучать.

Всем фронтендщикам известно,
Что web tools придумал дьявол,
Чтобы мог смотреть манагер
Скорости загрузки сайта.

На претензии смешные,
Мол, что грузится минуту,
Отвечай не сомневаясь,
Что виновен слабый ноут,
Ведь на нем оперативы
Всего 32 гига.

Для нормальной же работы
Расчудеснейшего сайта
Нужно просто купить сервер,
На него nginx поставить,
php седьмой, конечно,
Базу PostgreSql.

Стоит этот сервер мало,
Тысяч 20 или 40.
То ли в месяц, то ли в день -
Ты такими мелочами
Голову не забиваешь.

Ведь творец обязан думать
Исключительно о коде
И о новеньких jquery,
Тех, которые ты внедришь
Уже в следующем проекте.

Это есть саморазвитье,
То, о чем радеет фирма
И советует тимлид.

Ну а ты, как честный прогер,
Эти нанотехнологьи
Добросовестно применишь,
И все будет хорошо.

====================

Конец.

Вот. С концовками у меня всегда туго. Чувствую, еще много так могу накатать, но хз, как прекращать. Полторы сотни строк получилось, прям не советы, а Евгений Онегин. Правда, без единой рифмы =)

Надеюсь, этим советам вы не последуете, а будете делать ровно наоборот =)
Адекватную статью (хотя кто уже поверит) по оптимизации фронтенда читайте здесь


Что почитать, чтобы не как в стихах

Клиентская оптимизация: 10+ способов ускорить фронтенд
Разбираемся с throttle и debounce
Javascript-шаблонизация для начинающих