Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.
Всем желаю удачи и смелых воплощений идей на вашем сайте !
2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla - русские версии.
Автор и администратор данного проекта - SvetLana_TSV. Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Проект для новичков
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
Полезные материалы:
10 способов снизить нагрузку сайта
Приветствую всех посетителей сайта! Думаете, что скорость вашего сайта не имеет значения? Подумайте хорошенько еще раз. Результаты исследований крупных компаний говорят о том, что односекундная задержка загрузки сайта приводит к уменьшению количества просмотров страниц на 11%, снижению лояльности на 16% и как следствие к уменьшению конверсии на 2%.
И это еще не все. Исследования компании akamai обнаружили, что:
- 47% людей ожидают загрузку веб-страницы две секунды или меньше;
- 40% закроют страницу, если загрузка займет более трех секунд;
- 52% онлайн-покупателей говорят о том, что быстрая загрузка страниц важна для их лояльности к сайту.
Поэтому нынче владельцы многих сайтов, особенно интернет-магазинов, уделяют пристальное внимание скорости загрузки. Ускорить сайт - это значит, не только снискать хорошее отношение поисковых систем, но и повысить прибыльность проекта.
Определить онлайн текущую скорость загрузки вашего сайта можно на http://loaddy.com/. Данный сервис, кроме измерения скорости загрузки, анализирует отказоустойчивость сайта и проводит мониторинг доступности сайта. Проверить нагрузку на сайт в этом сервисе легко и просто, а главное - бесплатно. Для этого достаточно указать адрес вашего ресурса и количество желаемых одновременных посетителей.
Если по результатам проверки обнаружились "слабые" места у вашего сайта, то самое время принимать меры. Есть 10 вещей, которые вы можете предпринять, чтобы ускорить ваш сайт.
1. Минимизация http-запросов
По данным компании Yahoo, 80% времени загрузки веб-страницы тратится на загрузку различных составляющих страницы: картинок, стилей, скриптов, флэша и др. То есть, происходит http-запрос для каждого из этих элементов, поэтому, чем больше на странице компонентов, тем дольше будет загружаться страница.
В таком случае, самым быстрым способом улучшить скорость сайта будет упрощение конструкции.
Для этого нужно оптимизировать количество элементов на странице, использовать CSS вместо изображений, когда это возможно. Объединить несколько стилей в один. Уменьшить размер скриптов и разместить их в нижней части страницы.
2. Сокращение времени ответа сервера
Ваша цель - добиться результата, когда ответ сервера составляет менее 200 мс (миллисекунд). Google рекомендует использовать для мониторинга и проверки узких мест в производительности инструмент pagespeed (https://developers.google.com/speed/pagespeed/insights/), который онлайн анализирует контент страницы и в зависимости от результата предлагает решения для ее ускорения.
Если ответ сервера превышает 200 мс, то в отчете обязательно будет присутствовать следующая рекомендация - "Сократите время ответа сервера". Если ее среди прочих рекомендаций нет, значит с этим пунктом у вас все в порядке. Под каждым предложением по оптимизации есть ссылка "Как исправить", где приведены соответствующие решения для этого.
3. Использование сжатия
Большие страницы с качественным контентом весят часто 100 кб и более. В результате, они громоздкие и медленно грузятся. Лучший способ ускорить время загрузки в этом случае - это использовать метод сжатия. Сжатие позволяет сократить объем данных вашей страницы, тем самым снизив ответ http. Сжатие ресурсов можно выполнить с помощью функций gzip или deflate.
Большинство современных веб-серверов умеет сжимать файлы в формате GZIP перед отправкой их для скачивания, что позволяет сократить время загрузки примерно на 70%. А поскольку 90% сегодняшнего интернет-трафика проходит через браузеры, которые поддерживают GZIP-сжатие, это отличный вариант для ускорения вашего сайта.
4. Включение кэширования в браузере
При первом посещении сайта пользователь должен ждать, пока загрузится HTML-код, таблицы стилей, JavaScript и изображения, прежде чем он сможет использовать вашу страницу. Таких компонетов может насчитываться до 30 и загружаться они могут до 3 секунд.
При повторном посещении вашего сайта благодаря кешированию пользователи тратят меньше времени на его загрузку, поскольку большинство компонетов уже хранится в кэше пользователя и загрузка происходит значительно быстрее.
Кэшированию подлежат все статитеские ресурсы сайта, от таблиц стилей до мультимедийных файлов. Продолжительность хранения таких ресурсов в кэше браузера должна быть не меньше недели. Для внешних файлов, таких как реклама или виджеты, время жизни кэша должно быть установлено не менее одного дня.
Не забудь заглянуть в свою почту и подтвердить подписку!
5. Сокращение кода страниц
Современные визуальные редакторы и конструкторы позволяют легко создавать веб-страницы, но они иногда создают "грязный" код и это может значительно замедлить ваш сайт. Ведь каждый ненужный кусок html-кода увеличивает размер вашей страницы, поэтому важно устранить лишние пробелы, разрывы строк и отступы в коде.
Чтобы минимизировать CSS, вы можете использовать YUI компрессор или cssmin.js. Для оптимизации JavaScript-кода, попробуйте закрытие компилятора с помощью jsmin или того же YUI компрессора.
6. Оптимизация изображений
Работая с изображениями, вы должны сосредоточиться на трех вещах: размере, формате и атрибуте src. Для уменьшения размера (веса) картинок можно использовать специальные онлайн-сервисы, позволяющие в несколько раз сжать изображение без видимой потери качества.
При выборе формата картинок JPEG является лучшим вариантом, он обычно меньше весит, чем PNG и GIFи поддерживается даже старыми браузерами. Не используйте BMP или TIFF-файлы, они очень тяжелые и реально тормозят загрузку страницы. После оптимизации размера и выбора формата убедитесь, что код изображения прописан правильно. В частности, избегайте пустых кодов картинки.
HTML-код изображения включает тег <img src=””> и когда нет источника в кавычках, браузер делает запрос к каталогу или к самой странице. Это может добавить ненужный трафик на ваши сервер и даже повредить пользовательские данные.
7. Оптимизация работы CSS
CSS содержит требования к стилю вашей страницы. Вообще, ваш сайт получает доступ к этой информации одним из двух способов: в качестве внешнего файла, который загружает дополнительно к вашей страницы, и встроенного, который вставляется непосредственно в HTML-документ.
Внешний CSS прописывается в "голове" вашего сайта всего одной строкой HTML-кода, которая выглядит примерно так:
<head>
<link rel="stylesheet" type="text/css" href="style.css" >
</head>
Встроенный CSS занимает значительно больше места в HTML-коде, увеличивая не только длину кода, но и вес страницы. В связи с этим, использование внешней таблицы стилей предпочтительнее, т.к. уменьшает размер кода и создает меньше участков дублированного кода.
8. Оптимизация баз данных
Очень часто мониторинг скорости загрузки сайта выявляет проблемы в работе баз данных. Оказывается, базы данных тоже нужно периодически проверять и подчищать, дабы их размер не раздувался до 50 МБ. Для сайтов на платформе Wordpress разработан специальный плагин CleanUp Optimizer, которому под силу почистить БД от постоянно накапливающегося там "мусора".
Можно, конечно, обойтись и без плагина, сделав все вручную. Потратите часть своего времени, зато наверняка очистите и упростите все таблицы, главное не забыть перед чисткой сделать бэкап всех файлов, чтобы не дай бог, не утратить важную информацию.
9. Уменьшение количества плагинов
Слишком многие плагины имеют свойство замедлять работу сайта, создавать проблемы безопасности, вызывать сбои в работе и другие технические неполадки. Поэтому стоит внимательно проанализировать все плагины, деактивировать и удалить неиспользуемые плагины. Затем отсеять любые плагины, которые заметно замедляют скорость сайта.
Иногда "кривые" плагины могут здорово тормозить генерацию страницы, не исключение и косячные шаблоны с ошибками в верстке, поэтому при установке плагинов и подборе шаблонов выбирайте проверенных разработчиков. Вообще, следует стараться использовать минимальное количество плагинов еще потому, что они засоряют базу данных лишними записями, создавая ненужные задачи (cron) и вызывая ошибки, из-за которых происходит долгое считывание данных.
10. Уменьшение количества редиректов
Редиректы создают дополнительные http-запросы и увеличивают время загрузки, поэтому есть смысл сократить их до минимума. Редирект может использоваться для перевода пользователей на мобильную версию сайта, на страницы с другим протоколом, (например, HTTPS), на определенные страницы, предназназначенные для авторизованных пользователей и т.д.
Независимо от причин, любой редирект занимает некоторое время, тем самым увеличивая длительность загрузки страницы. Поэтому старайтесь
использовать лишь оправдывающие себя редиректы, отдавая предпочтение внутренним перенаправлениям, доступным в большинстве веб-серверов.
Если без редиректов не обойтись, то лучше использовать серверные, чем клиентские. Серверные редиректы со стандартным кодом состояния 300, 301, 302 выполняются браузером мгновенно, а вот для обработки клиентских редиректов браузеру потребуется больше времени.
Мы рассмотрели основные рекомендации по уменьшению скорости загрузки и увеличению производительности сайта. Некоторые из этих советов можно легко реализовать, хотя они кажутся изначально сложными, особенно, если вы технически не подкованы. Но используя дополнительную информацию из Интернета и подсказки онлайн-сервисов, тестирующих работу сайтов, можно осилить все вышеописанные методы.
Всем желаю удачных проектов! До новых встреч!
С ув. Светлана (SvetLana_TSV).
