Как замедлить загрузку страницы в браузере
Время загрузки веб-проекта часто играет решающую роль. Если сайт грузится слишком долго, поисковики будут понижать его в выдаче, а пользователи закрывать, не дождавшись. Мы перевели рассказ разработчика Lucidchart, в котором он описывает, как его команда снизила время загрузки веб-приложения до двух секунд. Хотите так же? Читайте дальше!
Рассказывает Бен Дилтс, разработчик из Lucidchart
Недавно моей команде поручили встроить ограниченную версию разрабатываемого нами приложения Lucidchart в другое приложение. Т.к. в этом приложении Lucidchart представлял только небольшую часть функциональности, видимой пользователю, мы не хотели сильно увеличить общее время загрузки.
Общий лимит времени для загрузки приложения и отображения пользовательского контента составлял 2 секунды. Это примерно половина медианного времени загрузки нашего полноценного приложения.
Примерно месяц спустя мы достигли своей цели. И вот как мы это сделали.
Надёжно замеряем прогресс
Время загрузки сложного веб-приложения зависит от головокружительного множества факторов за пределами ресурсов, отправляемых в браузер. Эти факторы включают:
- пропускную способность сети;
- латентность сети и её надежность;
- состояние кэша браузера;
- доступную мощность процессора.
Чтобы удостовериться в том, насколько хорошо сработала определённая попытка оптимизации, нам нужно было уменьшить влияние этих факторов на замеряемую производительность. С этой целью мы определили процесс бенчмаркинга следующим образом:
- Тестирование проводится на стандартном Linux-ноутбуке для разработки Lenovo P50, i7, 32GB RAM, SSD.
- Тестирование должно проводиться в только что запущенном Chrome.
- В инструментах разработчика Chrome:
- Отключить кэш браузера.
- Установить пропускную способность сети на уровень «Fast 3G».
- Замедлить процессор в 4 раза.
Уменьшение пропускной способности сети и замедление процессора делает результаты тестов соизмеримыми с реальной жизнью, а также сопоставимыми друг с другом. Каждый раз, когда мы хотели замерить производительность, мы выполняли весь процесс (закрывали Chrome, открывали его, разбирались с инструментами разработчика, загружали страницу) по три раза, чтобы убедиться, что в процессе замера не было никаких аномалий.
Чтобы достичь загрузки за 2 секунды на полной скорости, мы поставили цель в 9 секунд при замедленном процессоре, пропускной способности и отключенном кэше. После первых замеров результат был около 13 секунд.
Оптимизация времени загрузки веб-продукта, безусловно, важна. Однако одной скоростью сыт не будешь. Предлагаем посмотреть на наши советы по созданию качественного веб-продукта.
Убираем лишнее
Основным инструментом, который мы использовали для анализа производительности загрузки, была вкладка «Perfomance» инструментов разработчика Chrome, которая подробно показывает как сетевую активность, так и активность процессора на одном графике:
Первое, что мы здесь заметили, это то, что мы тратили около 6,5 секунд из нашего 9-секундного лимита просто на загрузку приложения. Большую часть этих ресурсов потреблял JavaScript.
Сначала мы решили уменьшить общий вес кода, убрав зависимости, которые нам были не нужны. Например, мы знали, что в приложении не пригодятся наши старые UI на первом Angular, поэтому мы спокойно убрали весь Angular 1 из зависимостей. В конечном итоге мы уменьшили зависимости наполовину и сократили вес на 150 КБ в сжатом виде.
Затем мы взялись за код самого приложения. Мы использовали отличный проект source-map-explorer для изучения наших скомпилированных JavaScript-пакетов. Этот инструмент даёт визуальное представление того, какой конечный вес (не сжатый) имеет код из каждого файла и директории.
Изучив код, мы определили ряд элементов интерфейса, которые не понадобятся в приложении, и переделали наши TypeScript-модули так, чтобы многие из них не требовались конкретно в этой сборке. Постепенно мы убрали сотни килобайт ненужного кода.
Мы также выяснили, что довольно много нашего несжатого кода исходит от индекса поиска всех фигур Lucidchart. Так как нам не нужен этот индекс, пока пользователь не начнёт искать фигуры, мы поместили его в отдельный ресурс, который мы могли бы загрузить как раз в момент начала поиска.
Brotli спешит на помощь
После всех этих действий вес кода существенно уменьшился, и те 6,5 секунд на загрузку приложения превратились в 5,1 секунды. Но чтобы достичь поставленной цели, нам нужно было ещё немного улучшить наш результат. При этом у нас больше не осталось большого количества кода, который можно было бы просто опустить или отложить его выполнение.
Джеймс Джадд предложил нам использовать brotli вместо gzip для сжатия наших статических ресурсов, так как почти все поддерживаемые нами браузеры умеют работать с brotli.
Brotli — формат сжатия без потерь с открытым исходным кодом, созданный Google. Он довольно медленно сжимает, но распаковывает со скоростью, сравнимой с gzip. Вы никогда не будете использовать brotli для работы с динамически генерируемым контентом, но зато он отлично подойдёт для работы с JavaScript и CSS-ресурсами.
В результате использования brotli вместо gzip общий размер ресурсов уменьшился на 15–20 % и время загрузки снизилось до 4,5 секунд, оставляя нам 4,5 секунды для парсинга/компиляции/выполнения скриптов, загрузки и отображения пользовательского контента.
Для анализа веб-сайтов существует множество различных сервисов. Заинтересованы в оптимизации? Тогда наша подборка для вас.
Железо не должно сидеть без дела
Есть два основных ресурса, которые вы ждёте при загрузке приложения: сеть и процессор. После основательной работы по снижению общего веса загрузки, наш профиль времени загрузки выглядел так:
После загрузки основных данных мы тратили около 1,1 секунды на парсинг и выполнение скрипта и ещё 1,8 секунды на вызов конструкторов основных классов приложения. Затем процессор в основном простаивал примерно 1,3 секунды, прежде чем окончательно загрузить и отобразить пользовательский документ.
Оказалось, одной из первых вещей, которые классы делали после инициализации, была проверка того, какие библиотеки фигур были нужны для отображения текущего документа, и загрузка кода для этих фигур. Примерно в то же время начинается загрузка директории с доступными шрифтами, а также конкретных шрифтов, используемых в документе.
В ожидании загрузки этих ресурсов процессор просто ничего делал, так как у приложения не было достаточно информации для выполнения своей работы. В качестве улучшения мы дали приложению возможность определять, какие из этих ресурсов загружать, что позволило сети работать, пока мы инициализируем остальную часть приложения на процессоре.
Тем не менее всё ещё оставался существенный простой, т.к. раз уж теперь мы одновременно загружали библиотеки шрифтов и фигур, на это требовалось больше времени, чем обычно. Мы решили, что можем встроить какую-то информацию о шрифтах в основное приложение и использовать браузерное хранилище вроде IndexedDB, чтобы нам лишь изредка приходилось загружать какую-либо информацию о шрифтах.
В итоге нам удалось сократить время простоя процессора с 1,3 секунды до 0,2 секунды.
Всё подождёт
К этому времени мы приближались к нашей главной цели. Но нам всё ещё нужно было что-то сделать, а каких-то больших и очевидных целей в профиле производительности уже не было. Поэтому мы начали смотреть на цели поменьше.
Затем мы стали думать, какую работу процессора можно отложить. Инициализация элементов пользовательского интерфейса вроде некоторых диалоговых окон могла подождать до тех пор, пока они не станут видны. Создание экземпляров классов, которые предоставляют данные элементам интерфейса (например, должна ли кнопка быть активирована), можно отложить до первого обращения к ним.
Успех
В конце концов, нам удалось снизить время загрузки до нашей 9-секундной цели.
Уменьшение времени загрузки сложных веб-приложений часто требует улучшений в нескольких разных областях, и тщательные замеры могут помочь вам понять, что вы на верном пути. Что следует взять на заметку:
В службу поддержки King Servers часто обращаются владельцы сайтов, которые не понимают, почему их ресурсы загружаются медленно. В итоге мы решили составить простую инструкцию по оптимизации скорости загрузки для начинающих — представляем ее вашему вниманию.
Примечание: в конце статьи приведен список ресурсов для дальнейшего изучения — будем благодарны, если вы сможете дополнить его в комментариях.
Введение: как загружаются сайты
Первый шаг: понять, что тормозит
Бывший инженер Facebook и основатель стартапа Pave Джастин Митчел в треде на Quora так описывал начало работы по оптимизации загрузки сайта:
Прежде чем начинать чинить, надо узнать, что сломалось. Если ваш сервер генерирует страницу 5 секунд, то использование CDN не поможет, если у вас на каждый просмотр страницы загружается по 10 мегабайт картинок, добавлять memcache в бэкенд-архитектуру тоже бессмысленно.
Существуют различные инструменты анализа производительности сайтов. К примеру, можно использовать бесплатный сервис от Google, который анализирует производительность сайта и выдает рекомендации по ее улучшению:
Существует несколько важных метрик быстродействия сайта. Одна из них — это время до первого байта (TTFB — time to first byte), которая показывает, как быстро браузер начинает получать данные от сервера после отправки запроса. Также важно замерять начало рендеринга страницы и время загрузки (load time).
При этом, важно анализировать не только сами показатели быстродействия, но рассматривать их применительно к посещаемости конкретной страницы. Если страница не пользуется популярностью у пользователей, то неважно, как быстро она загружается.
Вот какие шаги по серверной оптимизации для ускорения загрузки сайта применяют чаще всего.
Расширение ресурсов сервера
Если медленно работает сам сервер, то нет никакого смысла тратить время и силы на клиентскую оптимизацию. В случае небольших проектов при росте нагрузки сайт часто начинает тормозить именно из-за того, что ему перестает хватать ресурсов хостинга — например, CPU и дисков.
В качестве первого шага логично рассмотреть покупку дополнительных ресурсов. Однако этот метод работает до определенного момента, а затем затраты на оплату услуг хостинга могут вырасти так сильно, что проще и выгоднее будет использовать другие способы оптимизации загрузки. Вот, какими они могут быть.
Кэширование
Один из инструментов ускорения сайтов является серверное кэширование. Как сказано выше, процесс от перехода по ссылке на сайт, до отображения страницы в браузере может включать множество этапов:
Некоторые элементы можно закешировать и не загружать каждый раз при заходе на сайт. Это позволяет серьезно сократить время загрузки:
При всех плюсах — это не единственный стоящий метод оптимизации. Во-первых, закешировать можно не все, во-вторых, думать нужно и том, как в будущем сбрасывать кэш, в третьих, этот метод помогает ускорить сайт для тех пользователей, которые на нем уже были, и ничем не помогает новым посетителям.
Сжатие изображений
Все всегда говорят о необходимости сжатия изображений, но начинающие владельцы сайтов часто не владеют всеми тонкостями и могут использовать для масштабирования больших картинок CSS. В итоге браузер пользователя все равно загружает изображение в полном размере.
Существует несколько инструментов для компрессии изображений, среди которых TinyPNG, Kraken.io и JPEGmini. Кроме того, имеет смысл попробовать включить конвертацию изображений в формат WebP. Он был разработан Google, и по данным компании такие изображения на 26% легче PNG-файлов и на 25-34% меньше JPEG-картинок.
Чтобы активировать конвертацию, можно добавить в файл .htaccess следующий код:
К сожалению, на данный момент формат WebP поддерживается далеко не всеми браузерами — пока среди них только Chrome и Opera.
Еще один «инфраструктурный» метод снижения задержек — использование сетей доставки контента (content delivery network, CDN). Такие сети состоят из серверов в разных точках мира. При подключении сайта к сети на входящих в нее серверах создают копии файлов веб-ресурса, а затем пользователю отдают данные с ближайшего к нему сервера — в итоге скорость загрузки увеличивается.
Использование Gzip
Gzip — простой метод компрессии файлов сайта для экономии ресурсов канала и ускорения загрузки. С помощью Gzip файлы сжимаются в архив, который браузер может загрузить быстрее, а уже затем распаковать и отобразить контент.
Включить использование Gzip довольно просто — нужно просто добавить несколько строк кода в файл .htaccess. К примеру, при использовании веб-сервера Apache веб-мастерам доступен модуль mod_gzip, чтобы активировать Gzip в таком случае нужно внести в .htaccess такой код (подробнее — в туториале на SitePoint):
Оптимизация кода сайта
Существует целый ряд лучших практик создания кода сайта, которые позволяют оптимизировать его работу без малейших затрат. Прежде всего, специалисты советуют размещать CSS-код в начале страницы, а скрипты помещать в ее конец. Это полезно, потому что таким образом у браузера появляется возможность начать отрисовывать страницу еще до запуска всех скриптов — они могут выполняться совсем не быстро.
Также стоит избегать инлайн-CSS и JS-кода. В таком случае браузеры будут кэшировать эти внешние ресурсы, что позволит сэкономить время загрузки. Также JS и CSS следует минифицировать – сделать это можно с помощью инструментов вроде JSMIN, YUI Compressor и Packer.
Использование связки Nginx+Apache
Для увеличения скорости загрузки страниц можно использовать связку Apache и Nginx. Это два самых распространённых веб-сервера в мире, популярность объясняется мощью Apache и скоростью Nginx. Помимо плюсов, у каждого инструмента есть и свои недостатки: например, в Apache есть ограничения памяти сервера, в то время как Nginx, эффективный для статических файлов, нуждается в помощи php-fhm или аналогичных модулей для загрузки динамического контента.
Тем не менее можно и даже нужно объединить два веб-сервера для большей эффективности, используя Nginx, как статический фронтенд и Apache — как бэкенд. Такое решение положительно скажется на скорости загрузки страниц сайта.
У меня быстрый сервер и достаточно быстрое домашнее интернет-соединение. Как я могу имитировать загрузку моей страницы при медленном соединении?
@pelms оба ваших комментария предложения должны быть объединены в ответ. Я думаю, что они попадают в «быстрые и грязные» решения, которые, ну, всем нравятся :-)
FireFox Throttle - это расширение FireFox, которое должно это делать. Sloppy - это прокси, который замедляет ваше соединение, поэтому оно должно работать в разных браузерах.
МОДЕРАТОР РЕДАКТИРОВАТЬ 2013-02-02
Это расширение больше не доступно, но репозиторий создан на Github .
Мне также нравится Charles Web Debugging Proxy , похожий инструмент. Чарльз также может регулировать скорость соединения . Чарльз - коммерческое программное обеспечение, но у него есть бесплатная пробная версия. Что мне больше всего нравится в Charles, так это то, что он кроссплатформенный : он основан на Java и может работать на Windows, Mac OS X и Linux. (Вы не упомянули, на какой платформе вы работаете, но, вероятно, это одна из них :-)
В Chrome вы можете открыть инструменты разработчика, щелкнуть значок устройства (1), а затем выбрать регулировку соединения (2).
Изменить (2015-11-03)
Начиная с Chrome 45, на самом деле стало немного проще: вам больше не нужно находиться в режиме устройства.
Вы можете замедлить определенные ресурсы с Deelay.me:
Deelay.me - задержка прокси для веб-ресурсов. Вы можете использовать его со своими изображениями / таблицами стилей / скриптами, чтобы увеличить время их загрузки.
Я предполагаю, что проблема та же самая, что и у меня. При внутренней разработке веб-проекта, работающего на серверах локальной сети или виртуальной машине, иногда требуется смоделировать реальный сценарий реального времени, как если бы нагрузка на сервер была высокой, чтобы увидеть, насколько быстро страница загружается на стороне клиента, и если некоторые данные, поступающие с сервера, фактически загружаются и не портят ваши клиентские функции из-за поведения сервера и задержек. Поскольку не существует идеального способа моделирования реальных сценариев, лучше всего убедиться, что вы запускаете события только после того, как данные полностью получены с сервера. Использование функции $ .ajax complete и async: false пока что помогает. Это гарантирует, что любое событие на основе данных, которое вам нужно запустить, не будет выполнено, если данные не существуют.
Имитация медленного подключения с использованием Chrome Если вы еще не установили его в своей системе, установите Chrome. Как только вы это сделаете, откройте новую вкладку и затем нажмите CTRL + SHIFT + I, чтобы открыть окно инструментов разработчика, или щелкните значок гамбургера, затем Дополнительные инструменты и затем Инструменты разработчика.
Это откроет окно инструментов разработчика, которое, вероятно, будет закреплено в правой части экрана. Я предпочитаю, чтобы он был закреплен внизу экрана, так как вы можете видеть больше данных. Для этого нажмите на три вертикальные точки, а затем нажмите на среднюю позицию дока.
Теперь перейдите на вкладку Сеть. Справа вы должны увидеть ярлык под названием No Throttling.
Если вы нажмете на это, вы получите выпадающий список предварительно настроенных скоростей, которые вы можете использовать для имитации медленного соединения.
Доступны варианты от Offline до WiFi, а номера отображаются как Latency, Download, Upload. Самым медленным является GPRS, за которым следуют Regular 2G, затем Good 2G, затем Regular 3G, Good 3G, Regular 4G, DSL и затем WiFi. Выберите один из вариантов, а затем перезагрузите страницу, на которой вы находитесь, или введите другой URL-адрес в адресной строке. Просто убедитесь, что вы находитесь на той же вкладке, где отображаются инструменты разработчика. Регулирование работает только для той вкладки, для которой он включен.
Если вы хотите использовать свои собственные конкретные значения, вы можете нажать кнопку Добавить в разделе Пользовательский. Нажмите на кнопку Добавить пользовательский профиль, чтобы добавить новый профиль.
Что это такое? Это время после того, как в адресную строку браузера пользователь набрал адрес сайта или конкретной страницы.
Чем оно меньше, тем, естественно лучше.
по первому 4.84s
по второму 3.4 секунды
Это много, хотя и пишут, что быстре чем у 33% проверенных.
Хороший результат меньше секунды. Но многое зависит от наполненности страницы. От картинок, видео, флеша и скриптов всяческих. В том числе и счетчиков.
Влияние скорости загрузки на пользователя
Полагаю, что многие слишком серьезно относятся к вопросу скорости загрузки страниц в расчете на пользователя. Предлагаю ориентироваться на себя и, допустим, большинство наших посетителей будет так же реагировать на скорость открытия сайта/страницы.
Сколько Вы готовы ждать? Где порог, когда есть желание закрыть вкладку? По себе сужу. Мне комфортно секунд 5 подождать пока начнет появляться страница. То есть за это время на экране должно что-то появиться, что могу начать смотреть. Дальше идет догрузка элементов, которую примерно 5 секунд могу смело ждать. Итого 10 секунд. Дальше, если не прогрузилось и не ожидаю супер информации - закрою вкладку.
То есть берем 10 секунд за основу. Всё что выше 5+5 - плохо и такой сайт явно будет проигрывать в глазах пользователя, впервые пришедшего на сайт. Лояльного пользователя время уже волновать не будет.
Влияние скорости загрузки на поисковых роботов
Вот тут начинается самое интересное. Оказывается поисковые роботы очень требовательны к времени получения информации со страниц сайта. Это можно понять посмотрев графики в вебмастерах показывающие среднее поедание страниц в сутки. То есть боту отводится определенное время на сайт. Вот что успел за это время - то и будет потом главная машина обрабатывать. Большой и тяжелый сайт с плохой структурой и получи гарантированно медленную индексацию. Одно дело, если Вы публикуете вечные книги, например, полное собрание сочинений дедушки Ленина или библию и совсем иное, если новость, которая будет всем интересна только сегодня-завтра. Вот и считайте нужна ли быстрая индексация. Про воровство контента уже и не говорим.
Уменьшаем скорость загрузки сайта
Первыим делом посмотрим, что у нас тут есть. Какой контент?
Текст . Буквы занимают очень мало места. Да и они основной материал сайта. Оставим их в покое.
Изображения . Все маленькие и вполне компактные. Если Ваши картинки весят много - вперед сжимать. Пользуюсь микрософт офис пикчер менеджер. Очень просто и супер качественно сжимает без видимой потери качества. Если не ошибаюсь, то можно скопом картинки менять.
Кеширование
Кеширование страниц на стороне сайта . Обычно включается галочкой в настройках сайта.
Кеширование страниц на стороне пользователя в браузере . Тут нужно просто указать на разрешение кеширования браузеру в файле .htaccess.
Сжатие страниц
Автоматическое сжатие пережаваемого кода. Происходить может на уровнях:
- Упаковка страницы целиком в архив и передача по запросу (механизм работает скрытно от пользователя);
Всё это так же настравивается обычно на уровне движка. Можно через настройки делать через файл, для опытных разработчиков, .htaccess
Мои результаты оптимизации времени загрузки
Что я сделал. Глубоко не копал. Просто выставил галочки в системе управления сайтом.
Важно . При включении сжатия скриптов и их объединения могут возникнуть проблемы с поисковыми ботами. Поменяли значения. Проследите и за временем загрузки и обратите внимание на количество посетителей в течение следующего месяца и за появлениеми новых материалов в индексе. Возникнут проблемы - убирайте сжатие.
по первому 3.02s
по второму 1.8 секунды
Результаты не супер, конечно, но у нас и не большой сайт и низкая посещаемость. При развитии нужно и с хостингом что-то решать и на отдельную машину переезжать. Да и есть потенциал с настройками поиграть.
Помог материал - поставьте лайк, оставьте комментарий. Это поможет и другим пользователям интернета найти решение аналогичной проблемы.
Вам знакомо ощущение спокойной работы в интернете, неспешное листание страниц любимого сайта и чтение научных статей, пока браузер не соизволит прогрузить вкладку, открытую три часа назад? Если да, вы не одни! Многие пользователи сталкиваются со снижением скорости работы браузера . Это может сильно осложнить рабочий процесс фрилансеров, руководителей предприятий, отслеживающих деятельность своей компании, и испортить вечерний досуг обычного пользователя. В данной статье мы разберем как можно восстановить и даже повысить производительность браузеров Firefox, Google Chrome и других веб-обозревателей.
Как ускорить Mozilla Firefox
Firefox был создан как альтернатива для пользователей, которые не хотели пользоваться Internet Explorer, еще задолго до выхода Google Chrome. Тем не менее, обозреватель не стоит на месте и продолжает активное развитие.
Как и любое другое приложение, со временем он замедляется и ему может потребоваться некоторая помощь. Ниже мы рассмотрим 3 быстрых способа повернуть время вспять и восстановить работоспособность Firefox.
Способ №1. Управление кэшем
Откройте меню Настройки в правом верхнем углу программы и перейдите во вкладку Приватность и защита , как это было показано на изображении выше. Нажав по клавише Удалить данные , приложение предложит полную очистку кэша, в то время как клавиша Управление данными позволит произвести очистку выборочно. Выберите подходящий вам вариант. Рекомендуем произвести полную очистку.
Способ №2. Обновите Firefox
Введите в адресной строке about:support и в открывшемся окне нажмите Очистить Firefox . При желании, вы можете обновить браузер, воспользовавшись официальным сайтом разработчика. Однако не забывайте, что в такой случае большинство конфигураций потеряют присвоенные им настройки.
Способ №3. Отключите дополнения
Большое количество, зачастую, ненужных дополнений способны замедлить работу вашего браузера в несколько раз. Отключение нескольких расширений позволит не только ускорить Firefox, но и повысит его безопасность, что очень ценно в цифровом мире. Причиной тому является уменьшение количества отправляемых бит кода, из-за чего хакерам становится труднее найти вас.
Перейдите во вкладку Дополнения через меню, расположенное в правом верхнем углу, или воспользуйтесь комбинацией Ctrl + Shift + A . Возможно вы захотите изучить подробнее расширения, которые нужно отключить, особенно если речь идет о плагинах.
Если вы переживаете и не хотите полностью стирать дополнение, просто отключите его. Это позволит ускорит работу браузера и сохранит ваше спокойствие. Позже, при желании, вы в любой момент снова сможете подключить деактивированное расширение.
Как ускорить Google Chrome
Способ №1. Удалите ненужные дополнения
Как и в случае с Firefox, необходимо в первую очередь обратить внимание на количество установленных расширений. Основной причиной тому является — их способность существенно замедлять работу браузера. При помощи выпадающего меню справа вверху, откройте вкладку Дополнительные инструменты и перейдите в Расширения .
Удалите или отключите дополнения, которыми вы не пользуетесь изо дня в день.
Способ №2. Установите полезные дополнения
Это звучит несколько противоречиво, относительно предыдущего пункта, однако не все расширения замедляют браузер. Рекомендуем попробовать дополнение Экономия трафика для Google Chrome. Оно совершенно бесплатно и, путем перенаправления посещаемых вами страниц через серверы Google, сжимает получаемые данные и тем самым увеличивает скорость работы.
Однако это не единственное расширение, способное помочь в повышении производительности браузера. Вы можете воспользоваться сторонними дополнениями OneTab, The Great Suspender и другими. Возможно, есть смысл поэкспериментировать в процессе выбора, чтобы подобрать наиболее подходящий плагин.
Способ №3. Очистите кэш
Данный способ является универсальным для любого браузера. Основная задача кэша — увеличить скорость загрузки часто посещаемых страниц, с которой он успешно справляется, пока не становится слишком громоздким. В этом случае Google Chrome вынужден проделывать большую работу, пытаясь найти в сотнях гигабайтов кэша нужную информацию для открытия одного сайта. Естественно, производительность сильно падает.
Чтобы очистить кэш, перейдите в меню Настройки , пролистайте в самый низ страницы и нажмите по клавише Дополнительные . Здесь, в первом блоке параметров. вы найдете пункт Очистить историю . Кликните по нему и проведите очистку кэша, cookie и истории браузера.
Как ускорить браузер Opera
Браузер Opera уверенно занимает свою позицию среди популярных браузеров благодаря удобству использования, VPN-функциям и стильному дизайну программы. Как и любой другой обозреватель, со временем скорость она теряет в скорости работы и нуждается в определенной помощи со стороны пользователя. Что можно сделать для того, чтобы повысить производительность Opera? Ниже мы рассмотрим несколько полезных советов, которые помогут вернуть рассвет вашего браузера.
Способ №1. Приостановите загрузку Java-скриптов
Каждому пользователю знакома ситуация, когда при посещении страницы трекера, или любого другого ресурса, вы сталкиваетесь со стеной рекламы, которая своей загрузкой существенно снижает скорость работы. Разработчики Opera проявили хорошую дальновидность и создали для своих юзеров встроенный блокировщик рекламы. Это говорит о том, что у вас теперь нет нужды устанавливать стороннее ПО.
Просто перейдите в Настройки Opera и поставьте галочку на Блокировать рекламу и работать в интернете в три раза быстрее .
Если у вас есть определенная доля сомнения в эффективности встроенного расширения, установите популярное дополнение AdBlock , которое не менее успешно позволяет избегать назойливую рекламу.
Способ №2. Отключите Java-скрипты
Для того, чтобы понять взаимосвязь Opera и скриптов разных сайтов, нужно понять принцип работы браузера. Перед тем как открыть для вас страницу, обозреватель подгружает Java-скрипты, что может привести к определенным задержкам в работе.
Чтобы отключить их, перейдите в Настройки > вкладка Сайты в левом меню > раздел JavaScript . Установите галочку на Запретить выполнение JavaScript .
Способ №3. Отключите загрузку интернет-страниц при запуске
Данный пункт применим преимущественно к слабым ПК.
Как вы понимаете, загрузка страницы с момента запуска браузера, требует от компьютера дополнительных ресурсов. Ведь массивный сайт открыть куда сложнее, чем запустить стартовую страницу с блоками закладок.
Рекомендуем переключить параметр Продолжить с того же места в значение Открыть начальную страницу . Для этого перейдите в меню Настройки > Браузер (в списке слева) > Меню функций При запуске .
Как ускорить Яндекс Браузер
Яндекс Браузер является одним из самых популярных браузеров, поскольку занимает вторую позицию в рейтинге обозревателей рунета. Отличительная его особенность в том, что разработчики предвидели, что как и любой другой браузер, их приложение так же может начать терять в производительности с течением времени. Поэтому они добавили множество интересных функций, которые мы разберем в руководстве ниже.
Способ №1. Отключите ненужные дополнения
Как и в случае с Google Chrome, Firefox, отключите ненужные расширения, что позволит существенно ускорить работу обозревателя.
Способ №2. Очистите кэш
Откройте меню Настройки Яндекс Браузера > Дополнительно > Очистить историю . Если хотите сэкономить время, воспользуйтесь комбинацией Ctrl + Shift + Del , что позволит мгновенно перейти к меню очистки.
Способ №3. Отключите режим электросбережения
Данный пункт должен быть особенно хорошо знаком владельцам ноутбуков. Часто параметр энергосбережения используется для работы от батареи, что, в свою очередь, сказывается на производительности браузера. Если ваше устройство работает от сети, есть смысл отключить эту функцию.
Перейдите в меню Настройки > в верхнем меню вкладка Настройки > пролистайте в самый низ страницы и найдите параметр Энергосбережение . Отключите его при необходимости.
По завершению работы с настройками браузеров, ваш обозреватель снова должен начать работать как новый. Если же возникли некоторые трудности и приведенные выше способы не исправили ситуацию, произведите полную переустановку обозревателей.
В случае необходимости восстановить, сохранить стертую историю или произвести анализ веб-браузера, вам поможет инструмент Starus Web Detective . Cкачать и опробовать программу можно совершенно бесплатно!
Читайте также: