Верстка у cpalil.ru (Секреты CPA), как надо и как не надо делать.
Начал эту заметку потому что мучался в последнее время тем что начал думать о грехе: разделять мобильную и десктопную верстку по разным шаблонам. И на глаз попался достойный пример с сокрушиельным разносом моих зачатков инакомыслия.
http://cpalil.ru/ - выглядит как адаптивный дизайн



т.е. по сути всего 2 вида.. десктопный и мобильный. В мобильном:
- вырезается баннер
- меню скрывается в кнопку
- блоки со статьями становятся в столбик
- сайдбар уходит вниз
Давайте посмотрим внутри (gf, или Ctrl-u для женщин и детей). Буду писать то что меня удивило в исходнике
http://cpalil.ru
- Яндекс.Метрика сразу в head
- Прописана иконка для iOS но не нашел иконки для Android, а родной favicon взят у Mainlink
- Задействованы dns-prefetch, что бы ускорить работу сайта
- Огромное количество стилей, штук 14.
- WordPress не обновлен до 4.7 а все еще 4.6.1
- Тема купленная на themeforest smart-mag за 62$, незнаю, почему я всегда очковал покупать хорошие темы.. все же классно оказывается.
- Не без конкретных ошибок в HTML коде
- Стили дополнительно кусками разбросаны по HTML коду
- HyperComment
Вообщем-то стало ясно одно:
Шаблон тупо куплен, и он более менее красивый и адаптивный. Если сидеть все пилить самому, можно так присесть, что начнешь заниматься инакомыслием. Вердикт для меня теперь ясен как гром:
Не парься, бери годный шаблон у профессионалов и займись делом !
Хотел все ж добавить. Хоть шаблон и красивый, но внутри все же каша и мешанина, особенно бесят вездесущщие виджеты лайков, наверное половина кода, это какие-то JavaScript и CSS куски, торчащие и портящие созерцание внутренних органов сайта.