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

Зашел я на сайт по FTP, чтобы покопать исходный код и просто остолбенел! Нет, я не считаю себя программистом-перфекционистом и мой стиль программирования и верстки, зачастую, не самый лучший, но когда страничка с 15 картинками и 1000 символами полезного текста имеет исходный HTML код весом 300КБ вместо 8-10КБ (это без учета картинок и других внешних файлов) - это просто "убиться веником". Копаться в таком коде, а тем более, пытаться вносить в него изменения - себе дороже.

Оказалось, страничка была создана в конструкторе Wix, потом просто сохранена на жесткий диск, в ней были перепрописаны пути к файлам, чтобы она работала локально и была просто закачана на веб-сервер. При этом часть картинок продолжала грузиться с Wix, что самым плохим образом сказывалось на быстродействии сайта. Даже при 10-мегабитном соединении с интернет сайт грузился секунд 10, а что уж говорить о мобильном интернете, который не всегда быстрый.

Самым простым и, как оказалось, правильным решением было переделать сайт с нуля на "простом" HTML. На все ушло пару дней работы, в результате чего получился такой сайт:

Внешне он не отличается от Wix-овского. Нетрудно заметить, что верстка довольно сложная, особенно, учитывая то, что все это должно корректно отображаться и на FullHD-мониторах и на мобильных устройствах (в основном, планшетах) - Wix-овский вариант этому требованию не удовлетворял. При всем при этом общий объем кода составил...

... чуть больше 20 килобайт! Как это контрастирует с тем что было - 300 килобайт файл index.html  и еще примерно столько же на всякие стили и вспомогательные страницы. К сожалению, не могу предоставить "нотариально заверенный скриншот", так как все старье было стерто.

Результат прогнозируемый - сайт грузится очень быстро и отображается корректно, чего и требовалось достичь.

Чем я пользовался для создания этого сайта?

Мной была использована единственная программа - Notepad++. С тем же успехом можно пользоваться "Блокнотом". Все остальное - результат ручного программирования "на клавиатуре", а не визуального "программирования мышкой". А это невозможно было в данном случае без знания HTML, CSS, Javascript, PHP.

Я и раньше знал, что ручное программирование дает более компактный, рациональный и "предсказуемый" код, но сейчас я реально смог понять разницу - объем как минимум в 20 раз меньше по сравнению Wix-ом! Не говоря уже о "читаемости" кода.

Разумеется, есть и другие визуальные редакторы сайтов, которые дают более компактный и чистый код, чем Wix, но код, написанный вручную грамотным кодером всегда будет лучше, чем сгенерированый программой.

Регулярно приходится слышать, что "ручное программирование" - это прошлый век и никто им уже не пользуется. Действительно, мало кто сейчас делает сайты в "блокноте". Для больших и сложных проектов гораздо лучше подходят CMS (движки), но если речь идет о сайте-одностраничнике, который не будет часто обновляться, ручное веб-программирование - самый лучший способ из всех, что можно только придумать.

Хотите сайт-одностраничник с простым и легким кодом, дружелюбный по отношению к поисковым роботам? Обращайтесь!

Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.

+79202525268 Артем Кашканов

{jcomments off}