Верстка у cpalil.ru (Секреты CPA), как надо и как не надо делать.

Начал эту заметку потому что мучался в последнее время тем что начал думать о грехе: разделять мобильную и десктопную верстку по разным шаблонам. И на глаз попался достойный пример с сокрушиельным разносом моих зачатков инакомыслия.

http://cpalil.ru/ — выглядит как адаптивный дизайн

1. вырезается баннер
2. меню скрывается в кнопку
3. блоки со статьями становятся в столбик
4. сайдбар уходит вниз

Давайте посмотрим внутри (gf, или Ctrl-u для женщин и детей). Буду писать то что меня удивило в исходнике http://cpalil.ru

1. Яндекс.Метрика сразу в head
2. Прописана иконка для iOS но не нашел иконки для Android, а родной favicon взят у Mainlink
3. Задействованы dns-prefetch, что бы ускорить работу сайта
4. Огромное количество стилей, штук 14.
5. WordPress не обновлен до 4.7 а все еще 4.6.1
6. Тема купленная на themeforest smart-mag за 62$, незнаю, почему я всегда очковал покупать хорошие темы.. все же классно оказывается.
7. Не без конкретных ошибок в HTML коде
8. Стили дополнительно кусками разбросаны по HTML коду
9. HyperComment

Вообщем-то стало ясно одно:
Шаблон тупо куплен, и он более менее красивый и адаптивный. Если сидеть все пилить самому, можно так присесть, что начнешь заниматься инакомыслием. Вердикт для меня теперь ясен как гром: Не парься, бери годный шаблон у профессионалов и займись делом !

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