Для того, чтобы ускорить работу своего компьютера не нужно особых специальных знаний, ведь существенного увеличения производительности системы, ускорения загрузки windows и увеличения быстродействия программ, игр и приложений можно добиться всего парой нехитрых манипуляций и изменением некоторых системных настроек.
Знаю по себе, как раздражает ожидание пока загрузиться компьютер, а его периодическое подвисание и торможение при включении сразу нескольких необходимых программ вообще выводит из себя. Особенно слабая производительность заметна в играх, которые начинают тормозить, делая игру в них невозможной.
Понижение производительности наблюдается не только у старых ноутбуков или компьютеров с древними операционными системами и слабым «железом», но и у довольно современных машин с установленной Windows 7 . Кстати «семерка» ничуть не быстрее Windows XP , а даже медленнее, поскольку она сложнее и в нее добавлена целая куча дополнительных и не всегда нужных процессов, работающих в фоновом режиме и понижающих скорость работы необходимых нам программ.
Этот способ ускорить компьютер о котором я вам сейчас расскажу подойдет для любого компа с любой операционкой, единственно, что может отличаться так это названия пунктов меню.
Как ускорить работу компьютераМы можем ускорить работу, увеличить производительность и быстродействие компьютера очень простым способом: отключив все не используемые нами службы и процессы, запускаемые при старте системы и постоянно потребляющие его ресурсы и память. Итак начинаем работы по ускорению работы компьютера:
Способ ускорить компьютер и его производительностьПрежде чем начать отключать те из них на которых установлена галочка но в статусе написано что они остановлены , для того чтобы не ошибиться и не отключить какую-либо важную, используемую одной из ваших программ нам нужно запустить на компьютере все часто используемые программы (например: свой интернет браузер, icq, winamp, ту в которой смотрите фильмы и свою излюбленную компьютерную игру).
Снимая галочки с остановленных служб вы отключаете их и таким образом увеличиваете производительность своего компьютера, поскольку они больше не будут потреблять его память, а значит возрастает быстродействие остальных работающих на компьютере программ и приложений.
Как ускорить загрузку windowsПосле того как вы отключили все ненужные службы применяем (кнопка применить ) новые настройки и переходим на вкладку где вы увидите все приложения программ, которые автоматически запускаются при загрузке windows. В этой вкладке вы можете ускорить загрузку windows , смело убрав абсолютно все галочки (тогда каждое из данных приложений будет запускаться лишь при запуске своей программы).
После того как вы сняли все галочки, применяем новые настройки и жмем на кнопку ОК , после чего появится окно с предложением перезагрузить компьютер для того, чтобы изменения вступили в силу.
Как увеличить скорость компьютера при помощи служебных и сторонних программДавно ли вы проводили обслуживание своего компьютера? А ведь оно является еще одним средством для увеличения производительности системы, оно выполняется при помощи стандартных служебных программ windows:
Если все предыдущие действия по повышению производительности и ускорению работы компьютера не принесли ожидаемого вами результата, придется прибегнуть к крайним мерам: отключению всех наворотов оформления windows и понижению качества графики ну и в добавок можем увеличить размер файла подкачки, который используется при недостатке оперативной памяти.
Такими вот несложным способами мы не только увеличили скорость загрузки при включении вашего ПК, его производительность но и понизили нагрузку на железо, в результате чего намного увеличится срок его жизни.
Читайте также: компьютерыоптимизацияпрограммы Комментарии к статье← Предыдущая статьяСледующая статья →
Скорость загрузки страниц – важный параметр работы сайта. Если ресурс перегружен текстом, картинками или скриптами, которые замедляют его работу, его код не оптимизирован, и требуется время, чтобы контент нормально отобразился на проекте, то это негативно скажется на продвижении.
Зачем нужна оптимизация скорости сайта?Чем дольше грузятся страницы сайта, тем хуже поведенческие факторы: больше отказов, меньше просмотренных страниц.
Тормоза будут особенно ощутимыми при медленном соединении с интернетом или использовании сетей устаревшего формата (3G). А если у сайта не будет мобильной версии или адаптивного дизайна, то мобильный трафик также сильно просядет. Чтобы этого избежать, требуется оптимизация скорости сайта. В идеале страница должна загружаться не дольше 2-х секунд. Если ей требуется больше 4-х секунд – уже повод задуматься и начинать исправлять ситуацию, т.к., согласно исследованиям, это приводит к потере почти 60% трафика.
Быстрой загрузке страниц могут мешать следующие факторы:
Быстрая скорость работы проекта положительно сказывается на конверсии и позициях в поисковых системах. Люди дольше остаются на ресурсе, совершают больше действий, не спешат покинуть сайт.
С чего начать оптимизацию скорости загрузки сайтаПрежде всего, стоит измерить, за какое время страницы сайта загружаются. Нужно проверить не только главный URL, но и все значимые: рубрики в блоге, длинные посты, категории в интернет-магазине, карточки товаров, которые интересны для бизнеса, информационные страницы. Для теста можно использовать любые онлайн-сервисы, например, http://sitespeed.ru. Здесь можно получить информацию об общем времени загрузки, размере файла и времени генерации страницы.
Сервис указывает на проблемы, например:
Узнать рекомендации поисковой системы Гугл для оптимизации скорости загрузки сайта можно благодаря сервису Google Page Speed. Он анализирует содержимое страницы при просмотре с мобильных устройств и стационарных компьютеров, в балльной системе оценивает и показывает рекомендации. В основном они сводятся к сжатию подключаемых к шаблону файлов стилей и скриптов, html-кода, изображений.
Как оптимизировать скорость сайта?Работу следует вести в нескольких направлениях. Во-первых, сервер должен работать как часы, поэтому стоит отказаться от хостинга, у которого постоянные проблемы и сайты довольно часто падают. Для проверки доступности ресурса можно использовать счетчик Яндекс.Метрики: если сайт недоступен, на почту или по смс придет сообщение, причем эта услуга бесплатная.
Для оптимизации скорости загрузки сайта необходимо сделать следующее:
Для тяжелых проектов применяются сети доставки контента, CDN. На них размещаются графические файлы, скрипты, стили и быстрее загружаются с сервера, расположенного ближе к пользователю.
На проектах, созданных с использованием разных систем управления, могут возникать свои проблемы с оптимизацией скорости загрузки сайта. Особенно это касается ресурсов, сделанных на готовых темах дизайна и использующих большое количество разных плагинов и модулей. В этом случае проблемы часто касаются html-кода: скрипты и файлы стилей подгружаются непосредственно на страницу в местах нахождения хуков, иногда блокируя другое содержимое.
Кроме того, у готовых тем дизайна множество настроек, которые могут утяжелять сайт. Владельцам проектов, созданных на шаблонных решениях, следует больше остальных уделить внимание оптимизации скорости сайта. Им нужно удалить неиспользуемые участки кода, вынести js и css в отдельные файлы и тем самым «облегчить» свой ресурс.
Андрей Батурин,
Интернет предполагает оперативную работу веб-порталов. Даже поисковики учитывают скорость загрузки страниц как один из ключевых факторов ранжирования. Этот вопрос важен для бизнеса, так как успех продвижения во многом зависит от технической проработки сайта.
Каждый разработчик предложит вам свои методы, помогающие повысить оперативность ресурса, и будет прав. В статье перечислим основные способы, которые позволят проверить этот показатель и прокачать его.
Как проконтролировать быстродействиеВ первую очередь, важно провести простейший аудит и выяснить, какова скорость работы веб-страницы на данный момент. Для ее повышения множество опций заложено прямо на хостинге. Есть и сторонние бесплатные программы, которые проверят быстроту в два счета.
Лидирующие позиции занимают такие сервисы:
Чтобы выполнить проверку, достаточно скопировать url-адрес в соответствующую строку, и вы получите данные о темпе загрузки и некоторые советы по улучшению текущей ситуации.
Как увеличить скорость загрузки сайтаЭтот параметр зависит от многих факторов.
Перечислим самые популярные способы, которыми пользуются веб-мастера для решения проблем со скоростью:
Удаление лишних скриптовЗачастую в HTML-код вписаны скрипты, которые замедляют производительность. Для динамичного функционирования веб-сайта скриптов должно быть не более 6. Смело удаляйте такие излишки javascript , какими могут оказаться рекламные элементы, неиспользуемые кнопки и виджеты соцсетей, ненужные сервисы и службы, которые тянут сайт вниз. Объективно оцените функционал и избавьтесь от хлама.
HTML-код веб-страниц не должен содержать стили. Создайте отдельный файл, подключенный к основному документу, где будут указаны все идентификаторы и классы. Оптимизировать CSS можно самостоятельно вручную или же с помощью различных программ. Ручная настройка займет много времени, к тому же, есть риск пропустить какие-то неточности.
Быстро и легко помогут оптимизировать код такие сервисы, как:
За время использования площадкой в html-коде образуется большое количество разнообразного «мусора». Происходит это, к примеру, при изменении дизайна и функционала. Ваша задача - найти и удалить участки кода, которые не выполняют никаких задач.
Для этого тщательно проанализируйте производительность портала, чтобы случайно не избавиться от важного. Перед проведением очистки обязательно сохраните резервную копию. Каждый удаленный участок снабжайте комментарием, чтобы, в крайнем случае, вы быстро смогли восстановить нужный объект.
Уменьшение изображенийДаже самое маленькое изображение способно значительно уменьшить темп загрузки. Тщательно выбирайте картинки для публикаций на сайте. Их количество должно быть строго обусловлено необходимостью, все лишнее лучше удалить. Заменяйте рисунки стилями CSS, если есть такая возможность.
При использовании иллюстраций научитесь оптимизировать их размер.
Как уменьшить время загрузки Windows в 2+ разМожно поместить уменьшенную копию картинки, при клике на которую появляется ссылка с полной версией. Можно пользоваться Photoshop: сервис помогает оптимизировать любую графику специально для web, с уменьшением веса картинок при сохранении качества.
КэшированиеЭта опция помогает ускорить производительность интернет-страниц. Внимательно изучите систему управления контентом вашего сайта и найдите реализацию кэширования.
Адреса в никуда - тот балласт, от которого непременно надо избавляться. Битые ссылки не только тормозят работу, но и выступают отрицательным фактором при оценке веб-страниц поисковиками. Наличие большого количества подобных ссылок (как внутри сайта, так и ведущих на внешние ресурсы) приводит к замедлению загрузки интернет-страниц.
Программа Xenu поможет проверить сайт на наличие убитых url. После чего их следует немедленно удалить или исправить.
Проверка валидацииПроверка валидации - трудоемкий процесс, требующий от веб-разработчика много усилий и времени. При таком типе оценки анализируются ошибки на каждой из страниц ресурса, от «Главной» до «Новостей».
Валидаторы проверяют HTML-коды и CSS-коды на предмет их соответствия требованиям. Цель - полностью освободить веб-сайт от ошибок. Она достижима при правильном подходе и последовательном выполнении «чистки».
Оптимизация нерабочих страницБесплатная программа Screaming Frog SEO Spider поможет вам найти нерабочие страницы, не дающие код ответа 200. После выявления подобных страниц ваша задача - исправить их либо удалить совсем.
Настройте «редирект» (перенаправление) со страниц, содержащих неисправности. В случае если вкладка не отвечает кодом 200, пользователь будет перенаправлен на предыдущую.
Не забывайте контролировать скорость загрузки, пользуйтесь этими методами для ее повышения. Учитывайте, что проблема может оказаться более глубокой. Тогда все эти простые приемы окажутся бессильными, придется обращаться к профессионалам.
Другие статьи по тегам на эту темуНужен профессиональный Логотип? Сделаем!
Посмотри сколько у сильнейших конкурентов. К этой цифре и стремись
ProOne 18.04.2014 11:04
Согласен, но я как посмотрю ведь эти данные показывается в Вебмастере Гула!????
http://pr-cy.ru/speed_test хотя бы тут. Или в анализе сайтов pr-cy есть там скорость загрузки. Посмотри хотя бы там и сравни. Сделаешь быстрее — красавчик, а если не большая разница, ну и хрен с ней. Хотя если выполнить все требования в вебмастере гугла, то хорошая скорость загрузки обеспечена)
ProOne 18.04.2014 11:06
Просто интересно, у каждого какой показатель?
Как ускорить загрузку программ?У моего сайта в среднем 181 миллисекунд… «Время, затраченное на загрузку страницы»
Очевидно же, чем скорость загрузки страницы меньше, тем лучше.
Чем меньше, тем лучше, нужно стремиться к минимуму =)
Время на загрузку страницы гугл вебмастерProOne 18.04.2014 09:54 1 217
«Время, затраченное на загрузку страницы (в миллисекундах)» Сколько должна быть среднее значение?
Пожалуйста отключите AdBlock! С AdBlock сайт работает некорректно.
В своих рекомендациях Google указывает на то, что скорость сайта, является одним из факторов, используемых его алгоритмом для ранжирования страниц. И исследование показало, что Google может конкретно измерять время до загрузки последнего байта при просмотре страницы. Кроме того, медленная скорость страницы означает, что поисковые системы могут сканировать меньшее количество страниц с использованием выделенного времени обхода, что может негативно повлиять на вашу индексацию.
Скорость страницы также важна и для пользователей. Увеличение скорости загрузки существенно увеличивают конверсию и количество продаж. Согласно исследованию, проведенному Amazon, разница всего в 100 мс — единица времени, которую человек даже не может понять, будет достаточной, чтобы сократить их продажи на 1 процент. Аналогичные результаты получили и другие крупные интернет магазины.
Если эта крошечная единица времени оказывает такое непосредственное влияние на продажи, тогда какое влияние будет оказывать изменение на секунду?
Измеряем насколько оптимизирована скорость загрузки страницыСтоит понимать, что для разных страниц будут разные стандарты загрузки. Одно дело статическая страница с текстом и без стилей и совсем другое — красивый сайт со множеством картинок, видео и сложными стилями.
Именно коэтому измерять скорость загрузки в абсполютных показателях не совсем верно. Правильно измерять насколько вы применили возможные инструменты для ускорения работы сайта.
Именно так работает сервис Google PageSpeed Insights и альтернативные сервисы, например, Pingdom . Эти сервисы покажут вам насколько ваш сайт оптимизирован по таким критериям как:
Каждый файл, необходимый для веб-страницы для отображения и работы, например HTML, CSS, JavaScript, изображения и шрифты, требует отдельного HTTP-запроса. Чем больше запросов будет сделано, тем медленнее будет загружаться эта страница.
Вот с чего все начинается:
Большинство тем загружают один или несколько файлов CSS и несколько файлов JavaScript. Некоторые, такие как JQuery или FontAwesome, обычно загружаются удаленно с другого сервера, что значительно увеличивает время загрузки страницы.
Это становится еще более проблематичным, если вы посмотрите на дополнительные файлы CSS и JavaScript, добавленные плагинами.
Как ускорить загрузку WindowsЛегко получить полдюжины или более HTTP-запросов только из CSS и файлов JavaScript.
Когда вы учитываете все изображения на странице, для каждой из которых требуется отдельный HTTP-запрос, он быстро выходит из-под контроля.
Вот что можно сделать для увеличения скорости загрузки:
Вот как это работает:
Когда вы посещаете URL-адрес без конечной косой черты, веб-сервер будет искать файл с таким именем. Если он не найдет файл с таким именем, он будет обрабатывать его как каталог и искать файл по умолчанию в этом каталоге.
Другими словами, пропуская конечную косую черту, вы вынуждаете сервер выполнять ненужный 301 редирект. Хотя это может показаться вам мгновенным, это займет немного больше времени. Помните, что каждая миллисекунда на счету.
Правильное построение ссылок
(неправильно)
или
(это тоже неправильно)
против
(правильно)
или
(это тоже правильно)
Включение сжатия GZIP может значительно сократить время, затрачиваемое на загрузку файлов HTML, CSS, JavaScript. Не беспокойтесь — вашим посетителям не придется ничего делать, потому что все современные браузеры поддерживают GZIP и автоматически обрабатывают его для всех HTTP-запросов.
Включить кеширование браузера.При включенном кешировании браузера элементы веб-страницы хранятся в браузере посетителей, поэтому в следующий раз, когда они посещают ваш сайт или когда они посещают другую страницу, их браузер может загружать страницу без необходимости отправки дополнительных HTTP-запросов на сервер.
После загрузки первой страницы и ее элементов в кеше пользователя на последующих страницах необходимо подзагружать только новые элементы. Это может значительно сократить количество файлов, которые необходимо загрузить во время обычного сеанса.
Минимизация ресурсовМинимизация ваших файлов CSS и JavaScript удаляет ненужное пустое пространство и комментарии, чтобы уменьшить размер файла и, как результат, время, необходимое для их загрузки.
К счастью, это не должно быть ручным процессом, потому что есть несколько доступных инструментов онлайн, чтобы преобразовать файл в уменьшенную версию. Для WordPress доступно несколько плагинов, которые заменят ссылки в заголовке вашего веб-сайта для ваших обычных файлов CSS и JavaScript с мини-версией их без изменения ваших исходных файлов, включая популярные плагины для кеширования, такие как:
Стоит учитывать, что вам могут потребоваться некоторые усилия, чтобы с первого раза получить правильные настройки, потому что минимизация часто может нарушать CSS и JavaScript, поэтому, как только вы минимизировали элементы, обязательно тщательно протестируйте свой сайт.
Оптимизация мультимедиа-файловПоскольку мобильные устройства с высококачественными камерами являются общими, а современные системы управления контентом, такие как WordPress, позволяют загружать изображения, многие люди просто снимают фотографию и загружают ее, не понимая, что изображение часто по крайней мере в четыре раза больше, чем необходимо. Это значительно замедляет ваш сайт, особенно для мобильных пользователей.
Оптимизация медиафайлов на вашем веб-сайте может значительно улучшить скорость вашей страницы, и сделать это относительно легко, так что это хорошая инвестиция вашего времени.
Выбирайте идеальный формат.
JPG идеально подходит для фотографических изображений, тогда как GIF или PNG лучше всего подходят для изображений с большими областями сплошного цвета. 8-битные PNG-файлы предназначены для изображений с прозрачным фоном.
Убедитесь, что изображения имеют нужный размер. Если изображение отображается с разрешением 800 пикселей на вашем веб-сайте, нет никакой пользы для использования изображения шириной 1600 пикселей.
Сжатие файла изображения. Помимо уменьшения разрешения есть множество инструментов для того, чтобы сжать изображение, тем самым снизив его вес.
Оптимизация видео. Выберите идеальный формат. MP4 лучше всего в большинстве случаев, потому что это формат с наименьшим объемом. Обеспечьте оптимальный размер на основе размера экрана посетителей — вы ведь замечали, что разрешение на YouTube меняется в зависимости от вашего устройства. Устраните звуковую дорожку, если видео используется в фоновом режиме в качестве элемента дизайна. Уменьшите длину видео. Рассмотрите возможность загрузки видео на YouTube или Vimeo вместо того, чтобы хранить их у себя.
И это только цветочки! Чтобы по-настоящему оптимизировать медаи-файлы на своем веб-сайте, вам необходимо отображать изображения соответствующего размера на основе размера экрана, а не просто изменять их размер. Есть два способа справиться с этим, основываясь на реализации изображения.
Кэширование позволяет вашему веб-серверу хранить статическую копию ваших веб-страниц, чтобы их можно было быстрее доставить в браузер посетителя, в то время как CDN позволяет распространять эти копии на серверы по всему миру, чтобы браузер посетителя мог их загрузить из сервер, ближайший к их местоположению. Это значительно увеличивает скорость страницы.
Если вы всерьез займетесь увеличением скорости загрузки страницы — это даст положительные результаты не только для SEO, но позволит вам улучшить пользовательский опыт и увеличить конверсию сайта.
СвятославУправляющий партнер, эксперт в digital-маркетинге
Для вебмастеров и оптимизаторов время скорости загрузки для сайта имеет важное значение. В качестве подтверждения этого, хочу привести немного статистики и фактов:
Определить скорость загрузки сайта совсем несложно. Например, можно воспользоваться следующими популярными онлайн сервисами:
Рассмотрим способы ускорить время загрузки страниц сайта. По факту все способы очень просты и чаще всего сводятся к оптимизации "веса" страницы и грамотной загрузке кода.
В интернете довольно много материала по этой теме. Я постарался изложить все способы компактно и только по делу. Начнем.
1. Включить сжатие gzipНа каждом сайте есть подключаемые файлы со стилями.css и скриптами.js. Их можно сжимать на "лету" (при загрузке страницы). Проще говоря мы уменьшаем их вес и тем самым сайт быстрее грузится. Мои файлы в среднем сжимались на 75%. Например, если файл весил 45 кбайт, то после сжатия он стал весить уже 12 кбайт. Итого, экономия 33 КБайта веса на файле с таблицей стилей.
Включить сжатие проще простого. Нужно лишь написать следующие строки кода в файл .htaccess (файл находится в корне сайта):
mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*Проверить включено ли сжатие можно на сайтах
Если что-то не получается, то смело пишите вопрос в тех.поддержку Вашего хостинга . Зачастую бывает, что у них самих что-то не включено в настройках сервера.
2. Включить кэш браузераВключение кэша браузера подключается добавлением пары строк кода все в тот же файл .htaccess :
Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "access plus 1 years" ExpiresByType image/jpg "access plus 1 years" ExpiresByType image/jpeg "access plus 1 years" ExpiresByType image/bmp "access plus 1 years" ExpiresByType image/png "access plus 1 years"Есть только важная проблема, какой срок хранения кэша поставить. Если Вы поставите очень большой срок, а файл изменился, то браузер упорно будет грузить то, что у него есть в кэше. Выходом из ситуации может послужить замена имени файла и внесение изменения в шаблон, но разве это удобно? Так что стоит подумать и самостоятельно определить как часто Вы меняете файлы на сайте.
Мое мнение, что в любом случае, срок 1-7 дней можно всегда поставить.
Это самое простое, что можно было сделать, идем дальше.
Возможно Вам будет интересно:
3. Оптимизируйте изображенияИспользование изображений jpg - для контрастных и gif - где мало количество цветов. Это все аксиомы. Ни в коем случае не использовать лишний раз png или bmp, поскольку оба формата являются совсем не оптимизируемыми.
Уже существующие изображения jpg и png можно легко еще сжать с помощью программ и сервисов. Лично я поискал в интернете сервисы для сжатия изображения. Сравнил результаты, сделал вывод, что онлайн сервис tinypng.com нравится мне больше всех. Иногда ему удается уменьшить изображение даже на 75%, при этом качество остается почти без изменений.
Если сайт использует в качестве фона большое изображение, то его можно очень сильно сжать. Например, мне удалось сжать с 300 Кбайт до 86 Кбайт картинку с задним фоном для одного из сайтов.
4. Подгружать файлы с другого доменаУ браузеров есть ограничение на количество одновременно исполняемых запросов (не более двух параллельно). Другими словами, если на сайте будет куча изображений (даже маленьких), это сильно увеличивает время его загрузки. Поэтому применяют следующую хитрость:
Создают поддомен для хранения фотографий, javascript и другое. Например, если ранее фото лежало по адресу /img/foto.jpg , то теперь адрес нужно поменять на img.site.ru/img/foto.jpg . Для браузера это будет другой домен и таким искусственным методом мы ускоряем загрузку.
ПримечаниеСейчас довольно модно применять "CSS-спрайт ". Смысл следующий: к примеру у нас на сайте есть куча маленьких картинок для фона (я думаю это знакомо каждому). Все эти картинки можно объединить в одно большое изображение, а с помощью CSS "вырезать" нужные куски в нужных местах.
5. Оптимизация CSS и JSЗачастую в файлах CSS и JS находится множество лишних описаний стилей, скриптов и даже простых пробелов и комментариев. Это дополнительный вес для сайта. От этого можно легко избавиться с помощью сервисов:
Вроде бы такая простая "махинация", а это еще небольшой бонус к уменьшению размера страницы.
6. Правильное расположение CSS и JSВсе файлы.css подключаем в заголовочных тегах head (перед тегом body), все скрипты подключаем в конце страницы. Вообще говоря это не ускорит загрузку страницы, но зато контент перед пользователем начнет появляться раньше, а это в свою очередь мотивирует его подождать, ведь он видит, что сайт грузится.
ПримечаниеЕсли Вы подгружаете библиотеку AJAX (от Google), то, конечно, грузить с сайта гугла напрямую ее быстрее плюс можно быть почти на 100% уверенным, что в браузере пользователя уже есть ее кэш. Но бывает, что гугл почему не доступен или тормозит загрузку, поэтому чтобы минимизировать этот риск можно прописать следующий код:
window.jQuery || document.write("");Смысл довольно прост. Сначала пытаемся загрузить библиотеку напрямую с ajax.googleapis.com, если это не удается, то грузим со своего сайта копию библиотеки.
ПримечаниеЕсли у Вас уникальный случай, что сайт все равно очень тяжелый и грузится долго, то сделайте у себя на сайте "прогресс-бар". Этим вы показываете пользователю, что сайт грузится и нужно лишь чуть-чуть подождать.
«Распределили часть контента (изображения, jQuery) на поддомены, а часть на CDN (cloudflare.com) для сокращения расстояния между сервером и пользователем.» Для сайта плохо - картинки будут привязаны не к сайту, а к CDN. В Яндексе в статистике будете видеть "картинок в индексе - 0".© инфа от яндекса.
То есть включили все галочки в настройках оптимизации сайта на хостинге. С заказчика содрали пару сотен баксов. При этом убили такой параметр в заголовке как lastmodified, ибо при включении этих опций он не передается - такова его специфика. Ощущение, что и сайта нету никакого, просто придумали статью и переписали название чекбоксов с хостинга, думая что справит неизгладимое впечатление.
Браво, примитивнее статьи не читал, кейс на премию Дарвина!
Александр Поречников
Java - это даже и не близко Java Script
Александр Поречников
Вот Вы пишите, Геннадий, что включили http2 и при этом зачем-то обьединяете ресурсы в один файл, Противоречите сами себе? Или просто не знаете как работает http2. И судя по чеклисту, то меряли ли Вы скорость загрузки после простого включения ганзипа, все остальное это такие тонкости и дебри в которые лезут, когда нужно с 500мс сделать 400мс или от нагрузки сервер подвисает (504 ошибки проскакивают). И выкиньте Апач из связки Апач + Нжиникс (если Вы, конечно, не используете специфические плагины Апача) + совет, держите всю статику на СДН, это очень недорого, а толк от этого огромный, как минимум в снижении нагрузки на процессор
Александр Поречников
а для чего созданы зеркала - слейте СДН с основным доменом и все
Александр Поречников
про качество статьи соглашусь, но про саму концепцию не соглашусь - все пункты мы тестили у себя, но оставили из них меньше половины, остальное или не работает или тот мизер прироста скорости не оправдывает усилий
Настроили OpCashe, исправьте на OPcache
Александр, несомненно, эти опции модуля pagespeed ускоряют сайт, но при выборе хотя бы одной из них на хостинге last-modified не передается, ответ сервера 304 на запрос if-modified-since не отдается, cache conrol -> max-age становится 0.
Возмутило не это в статье, возмутило то, что автор пишет такие заумные вещи как они план составляли, как воплощали в жизнь мега СЕО технологии и как потратили на это 60 человекочасов, 60 КАРЛ! То есть с заказчика содрали минимум 500 баксов за то, что поставили галки на хостинге. Не жалко, на здоровье! Ну развел и молчи, но не лезь со своими псевдознаниями на нормальные сайты и не отбирай у людей время! Почему уверен что рулили на хостинге -- вот скрин украинского продвинутого хостера, где порядок этих галок практически на 100% совпадает с гениальным планом автора и ко по ускорению сайта.
https://uploads.disquscdn.c...
Александр Поречников
на этом хостинге у нас даже один из старых полустатичных проектов крутится, отличнаый хостинг. По поводу чего Вы высказалась я знаю, но многие не понимают, что на самом деле есть всего несколько способов действительно уменьшить время загрузки, а не "экономия на спичках" - это:
0) включение сжатия на веб-сервере (gzip),
1) установка правильных заголовков на сайте
2) использование не шаред-хостинга, а пусть даже минимальной ВПСки
3) использование более-менее быстрого движка (желательно не Вордпресс, а на фреймворке)
4) минификация статичных файлов (то что редко меняется - стили, картинки, скрипты, шрифты)
5) кеширование страниц/статики
Остальное все дает очень небольшой прирост или не дает вовсе, а некоторые советы только мешают. Ну и самое главное - сделать все же мобильную версию, т.к. обычно проблема со скоростью загрузки сайта возникает на мобильных устройствах.
Согласен с Вами на 100%, благодарю за лаконизм и точность!
Ляпушкин Никита
Тот самый момент когда чувствуются заученные фразы продажника в глаза не видавшего то о чем говорит.
Если статья для общего развития - то годится, но не для чек листа или мануала к применению.
Только дёргнуть клички технологий и самостоятельно курить тему, рекомендую даже пропускать утверждения приведенные в статье.
Филандер
а что за хостинг?)
Филандер
Alexey Tyazhelnikov
Что значит "Расширили время кэш для JavaScript и CSS" ?
Включили последнюю и предпоследнюю галочку на хостинге (пост со скрином выше))))
Геннадий Федоров
Да, так и сделали!
Извините, Вы не компетентны в этом вопросе.
Геннадий Федоров
Спасибо!
Комплекс работ - дает результат.
Геннадий Федоров
Такая и была задача, дать толчок к действиям, а не расписать как необходимо делать
Геннадий Федоров
Спасибо за комментарий!
Признаю, все объединили до перехода на https/http2))
Да, скорость после gzip мерили, не тот результат (не всем угодишь)...
Геннадий Федоров
Вот Вы как спецы судите... посмотрите это со стороны пользователя))
Геннадий Федоров
Ваш комментарий вообще непонятен
Александр Поречников
пользователи обычно не настраивают сервер, не программируют и не создают продукты, то что можно создать "бложик/сайт" на вордпрессе человеку без знаний - это несомненно хорошо, но если у такого человека возникнут вопросы, то ему все равно придется столкнутся с PHP, JavaScript, Nginx, Apache и прочими ранее незнакомыми словами и в этом обычно помогает гугл, поэтому "легкая безграмотность" в терминах приведет к тому, что человек будет искать что-то похожее на "слайдер на Java" и удивлятся что ему какой-то JavaScript подсовывают в результатах. Поэтому взывать к стороне пользователя не стоит
Александр Поречников
часто проблема не в том что скорость повышается от всех манипуляций (пусть даже если и на 0,1%), а в том, что мы не видим других путей оптимизации (CDN, nginx) и не понимаем как это работает (http2) и в результате оптимизируем то что нет смысла оптимизировать и забываем о том что следовало бы оптимизировать или как добится максимального результата при своей оптимизации.
Я думаю ни для кого не секрет, что скорость загрузки страницы влияет на множество факторов. Если кто-то не в курсе, то вкратце скажу следующее, что скорость загрузки влияет не только на то, дождется ли посетитель, когда загрузится Ваш сайт, но и на SEO оптимизацию. Ведь на сегодняшний день уже многие поисковые системы при ранжировании сайтов, начали учитывать скорость загрузки страницы. Поэтому чем быстрее будет грузиться Ваш сайт, тем больше посетителей Вы можете получить с поисковых систем, а, следовательно, и больше денег на этом заработать.
Поэтому в этой статья я решил собрать топ-10 советов о том, как же можно увеличить скорость загрузки веб-странички и сайта в целом. Статья не претендует на гениальность и рассчитана на новичков.
Итак, поехали:
1. Уменьшите количество HTTP-запросов
80% загрузки страницы ориентировано на загрузку компонентов страницы: скриптов, фотографий, файлов CSS, flash. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Уменьшив количество этих компонентов мы уменьшаем количество HTTP-запросов к серверу и как результат увеличиваем скорость загрузки страницы.
Но как уменьшить количество запросов к серверу не затрагивая внешний вид страницы?
2. Помещайте CSS файлы в начале страницы
Помещая подключение к css файлам в хедере страницы мы получаем постепенный рендеринг страницы, т.е. страница будет загружаться постепенно - сначала заголовок, потом лого наверху, навигация и т.д. – а это в свою очередь служит отличным индикатором загрузки страницы для пользователя и улучшает общее впечатление от сайта.
Если размещать CSS файлы внизу страницы, то это не позволяет многим браузерам рендерить страницу постепенно. Это объясняется тем, что браузер «не хочет» перерисовывать элементы, у которых после загрузки страницы может измениться стиль. Так что все свои CSS файлы всегда подключайте в верхней части страницы в секции HEAD.
3. Помещайте javascript в конец страницы
Помещая javascript-файлы вниз страницы мы позволяем браузеру загрузить страницу с контентом в первую очередь, а уже потом начать загрузку javascript-файлов. Если же Ваш сайт идет в ногу со временем и содержит все возможные интерактивные «примочки», то этих javascript-файлов может быть несколько и весить они могут несколько сотен килобайт, поэтому перед загрузкой страницы заставлять пользователя ждать пока загрузятся все Ваши javascipt-файлы губительно.
Кроме того, внешние.js-файлы блокируют параллельную загрузку. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Таким образом, если картинки для вашего сайта располагаются на разных хостах, вы получите более 2-х параллельных загрузок. А когда загружается скрипт, браузер не будет начинать никаких других загрузок, даже с других хостов.
4. Минимизируйте css и javascript
Минимизация файла - это удаление из кода всех несущественных символов с целью уменьшения объема файла и ускорения его загрузки. В минимизированном файле удаляются все комментарии и незначащие пробелы, переносы строк, символы табуляции. Здесь все просто. Чем меньше объем файла, тем меньше времени понадобится браузеру на его загрузку. А минимизировать Ваш код помогут вот эти 24 онлайн-сервиса для сжатия и оптимизации CSS кода
5. Используйте поддомены для параллельного скачивания
Как я уже говорил Выше, согласно спецификации HTTP/1.1 на браузеры накладываются ограничения на количество одновременно загружаемых компонентов сайта, а именно не более 2-х компонентов с одного хоста. Поэтому если на Вашем сайте много графики, то ее лучше вынести на отдельный поддомен или поддомены. Для Вас это будет один и тот же сервер, а для браузера – разные. Чем больше поддоменов Вы создадите, тем больше файлов браузер сможет одновременно загрузить и тем быстрее загрузится вся страница сайта. Вам остается лишь изменить адрес картинок на новый. Очень простой, но действенный способ.
6. Используйте кэш браузера
Кеширование становится крайне важным для современных веб-сайтов, которые используют обширное подключение JavaScript и CSS. Дело в том, что когда посетитель зашел на Ваш сайт в первый раз, то браузер выполнит загрузку всех javascript и css-файлов, также загрузит всю графику и флэш, однако правильно выставив HTTP-заголовок Expires, вы сделаете компоненты страницы кешируемыми. Таким образом, когда посетитель зайдет на Ваш сайт снова или перейдет на следующую страницу Вашего сайта, в кэше его браузера уже будут находится некоторые нужные файлы и браузеру не потребуется загружать их снова. Отсюда и выигрыш в скорости загрузки сайта.
Поэтому выставляйте HTTP-заголовок Expires везде, где только это возможно, на несколько дней или даже месяцев вперед. Для того, чтобы веб-сервер Apache отдавал соответствующие рекомендациям HTTP-заголовки Expires, необходимо добавить в файл.htaccess, находящийся в корневой папке сайта, следующие строки:
Header append Cache-Control "public"
FileETag MTime Size
ExpiresActive On
ExpiresDefault "access plus 0 minutes"
ExpiresByType image/ico "access plus 1 years"
ExpiresByType text/css "access plus 1 years"
ExpiresByType text/javascript "access plus 1 years"
ExpiresByType image/gif "access plus 1 years"
ExpiresByType image/jpg "access plus 1 years"
ExpiresByType image/jpeg "access plus 1 years"
ExpiresByType image/bmp "access plus 1 years"
ExpiresByType image/png "access plus 1 years"
Данный фрагмент файла конфигурации Веб-сервера Apache проверяет наличие модуля mod_expires и, если модуль mod_expires доступен, включает отдачу HTTP-заголовков Expires, которые устанавливают срок хранения перечисленных выше объектов в кэше браузеров и прокси-серверов равный одному году с момента первой загрузки. Установив такой срок жизни кэша браузера, может возникнуть сложность с обновлением файлов. Поэтому если Вы изменили содержимое css или javascript-файла и хотите, чтобы эти изменения обновились в кэше браузера, то необходимо изменить название самого файла. Обычно в название файла добавляют его версию, например так: styles.v1.css
7. Используйте CDN для загрузки популярных JavaScript библиотек
Если на Вашем сайте используется популярный javascript фреймворк, например jQuery, то для его подключения лучше использовать CDN.
8. Оптимизируйте ваши изображения
Необходимо определять подходящий формат для ваших изображений. Выбор неверного формата изображения, может существенно увеличить размер файла.
Вот несколько онлайн сервисов для оптимизации изображений:
9. Не масштабируйте изображения
Не изменяйте размер изображения при помощи атрибутов width и height тега, либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы. Если у Вас есть изображение размером 500x500px, а вставить на сайт Вы хотите изображение с размером 100x100px, то лучше изменить размер оригинальной картинки при помощи графического редактора Photoshop, или любого другого. Чем меньший вес картинки, тем меньше времени потребуется для её загрузки.
10. Используйте Gzip- сжатие
Как показали проведенные исследования, gzip-сжатие текстового файла «на лету» в 95–98% случаев позволяет сократить время на передачу файла браузеру. Если хранить архивированные копии файлов на сервере (в памяти proxy-сервера или просто на диске), то соединение в общем случае удается освободить в 3-4 раза быстрее.
Начиная с версии протокола HTTP/1.1, веб-клиенты указывают, какие типы сжатия они поддерживают, устанавливая заголовок Accept-Encoding в HTTP-запросе.
Accept-Encoding: gzip, deflate
Если веб-сервер видит такой заголовок в запросе, он может применить сжатие ответа одним из методов, перечисленных клиентом. При выдаче ответа посредством заголовка Content-Encoding сервер уведомляет клиента о том, каким методом сжимался ответ.
Content-Encoding: gzip
Переданные таким образом данные меньше первоначальных примерно в 5 раз, и это существенно ускоряет их доставку. Однако здесь есть один недостаток: увеличивается нагрузка на веб-сервер. Но вопрос с сервером всегда можно решить. Так что не будем обращать на это внимание.
Для того, чтобы включить GZIP-сжатие на своем сайте, необходимо в файле.htaccess прописать следующие строки кода:
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0 no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Если данный способ сработал, то отлично, если нет, то можно попробовать вот такой вот код:
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0 no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$
Но опять таки, данный код работает не на всех серверах, поэтому лучше обратиться в службу поддержки Вашего хостинг-провайдера и уточнить этот вопрос.
Ну вот собственно и все, что я хотел рассказать. В данной статье я постарался перечислить все основные способы клиентской оптимизации для увеличения скорости загрузки веб-страницы. Кроме клиентской оптимизации существует еще и серверная оптимизация. Но это уже тема для отдельной статьи.
Если что-то упустил или у Вас есть, что добавить – пишите свое мнение в комментариях ниже к этому посту. Спасибо за внимание!
При создании клиентоориентированного сайта вам необходимо учесть и продумать множество вещей, начиная от творческих (дизайн, наполнение) и заканчивая техническими (верстка, размещение в сети Интернет). Для клиентов важна каждая мелочь, поэтому важно смотреть не только на внешнюю сторону вашего проекта - то, что увидит пользователь - но и на внутреннюю, а именно, как быстро пользователь это увидит. Исследования показывают, что примерно половина пользователей ожидает, что сайт загрузиться менее чем за две секунды, а 40% пользователей закроют сайт, если на его загрузку уйдет более трех секунд. Поэтому крайне важно, чтобы ваш сайт загружался быстро, иначе вы рискуете потерять значительную часть своих клиентов. Что же вы можете сделать, чтобы уменьшить время загрузки вашего сайта?
1. Сократите кодЧем объемнее код вашего проекта, тем больше он весит, а значит, тем большее время требуется для его загрузки. Поэтому в первую очередь вам нужно убедиться, что код оптимизирован. Особенно это касается первой, посадочной страницы, на которую попадает пользователь - будет лучше отказаться от тяжелых скриптов JavaScript и Ajax либо убрать их в нижнюю часть страницы. Придерживайтесь известного принципа KISS - Keep it short and simple - пусть код будет коротким и простым.
Сервис PageSpeed Insights от Google советует убрать внешний файл JavaScript из верхней части страницы, так как цикл операций, который требуется выполнить для его загрузки, значительно тормозит загрузку страницы. В этом случае рекомендуется либо сделать код JavaScript встроенным, либо загружать этот код после загрузки верхней части страницы.
Если вы хотите узнать, все ли в порядке с JavaScript на странице вашего сайта, воспользуйтесь этим сервисом: https://varvy.com/tools/js/
Этот совет также касается HTML и CSS-кода. Как и в случае с JavaScript, особое внимание уделите внешним файлам - к примеру, внешним таблицам стилей, которые по возможности лучше вставить в HTML.
2. Используйте компрессию сайтаСуществует несколько технологий, при помощи которых вы можете сжать данные, благодаря чему можно уменьшить размер текстовых ресурсов, а значит, и время загрузки страниц вашего ресурса. К примеру, воспользуйтесь gzip: эта утилита минимизирует запросы к серверу со стороны браузера. Воспользоваться ею можно в протоколе HTTP.
Проверить, используется ли на вашем сайте gzip для сжатия данных, можно на этом ресурсе: http://www.gidnetwork.com/tools/gzip-test.php
А пройдя по следующей ссылке, вы сможете выяснить, применяется ли в целом какая-либо технология сжатия на вашем сайте: http://www.whatsmyip.org/http-compression-test/
3. Сократите количество переадресацийПереадресация 301 часто используется для того, чтобы провести перенаправление с одного адреса на другой. Однако это чревато тем, что будут задействованы дополнительные сетевые циклы, из-за которых время загрузки сайта может увеличиваться, особенно если речь идет о мобильных устройствах. Поэтому лучше уменьшить количество переадресаций или вообще отказаться от них.
Проверить свой сайт на наличие переадресаций вы можете при помощи этой программы (есть бесплатная версия): https://www.screamingfrog.co.uk/seo-spider/
4. Уменьшите число плагиновДанный пункт касается тех, кто пользуется CMS: Wordpress, Joomla или какой-либо другой. Регулярно проверяйте список плагинов, которые вы используете, на предмет ненужных или уже неиспользуемых. Уменьшение количества плагинов положительно скажется на загрузке вашего сайта и его работе в целом. Если вы используете Wordpress в качестве системы управления контентом, то оптимизировать число плагинов вы также можете при помощи специального плагина P3 (Plugin Performance Profiler): https://wordpress.org/plugins/p3-profiler/ Этот плагин покажет вам данные, касающиеся производительности других плагинов, и того, как каждый из них влияет на работу сайта. Это поможет вам определить, от каких плагинов следует отказаться в первую очередь.
5. Оптимизируйте изображенияРазмер картинок на сайте напрямую влияет на время загрузки ресурса. Все изображения обязательно нужно оптимизировать: ставить правильный размер, формат и сжимать. Также будет полезно избавиться от так называемого цифрового мусора: различных данных, которые попадают в изображение при его обработке.
6. Пользуйтесь кэшем браузераИспользуя кэширование, вы можете значительно выиграть в скорости загрузки вашего сайта: когда пользователь первый раз заходит на ваш сайт, в кэше его браузера сохранятся некоторые JavaScript и CSS-файлы, которые затем будут автоматически показываться при его следующих визитах, а браузеру не придется тратить время на их загрузку. Для кэширования необходимо правильно настроить HTTP-заголовок Expires. Вы можете сделать это, прописав в файле.htaccess, который находится в корневой папке, следующие строки:
Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 month" ExpiresByType text/css "access plus 1 month" ExpiresByType text/javascript "access plus 1 month" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/png "access plus 1 month"
В данном случае у всех типов установлен срок в 1 месяц, но вы можете изменить время на то, которое вам нужно: кэш может храниться определенное количество лет (years), месяцев (months), недель (weeks) или дней (days).
Если вы пользуетесь какой-то определенной CMS, то можете установить для этого специальный плагин. В случае с Wordpress подойдет W3 Total Cache: кэширование включается в настройках (выберите Settings у данного плагина в списке всех установленных плагинов, затем General - поставьте галочку у “Toggle all caching types on or off (at once)”).
7. Следите за производительностью сайтаОчень важно постоянно мониторить производительность вашего сайта - даже тогда, когда, как вам кажется, вы оптимизировали все, что было можно. Для этого существуют специальные бесплатные ресурсы, самые известные из которых будут перечислены ниже:
Если вы выполните каждый из предложенных в этой статье пунктов, вы сможете значительно уменьшить время загрузки вашего сайта. Но при этом не забывайте, что оптимизация должна происходит не во вред пользователям: картинки должны оставаться привлекательными, навигация удобной, а информация понятной и доступной.
Делитесь в комментариях своими идеями, как можно ускорить загрузку веб-ресурса.
