INVERSER
INVERSER
Powerful web-based technologies
Powerful web-based technologies

В данной статье приводятся различные версии причины торможения страниц браузера... Вы сможете узнать почему именно браузер тормозит на конкретном сайте или же на всех сайтах. Основными причинами могут быть: технологии, которые использует тот или иной сайт; анимационные эффекты на странице; 3D рендеринг с помощью WebGL и другие варианты.

1. Если Вы web-мастер?!

Дело было в том, что при прокрутке сайта на Intel Core 2 Duo E8400 с частотой 3 ГГц мы никогда не обращали внимание на производительность процессора во время прожигания жизни в интернете. Это бывало очень редко и то по-делу. А тут посидев за трухлявым компьютером увидели, что дело очень плохо, сайт действительно ужасно тормозит систему.

В общем, меньше слов - больше дела.

Всё оказалось банально просто:

background-attachment:fixed;

или

position:fixed;

Как бы оно не нравилось, но убрав этот стиль, который был применен к тегу BODY сайта, для которого назначено фоновое изображение – нагрузка сразу исчезла...

Итак, делая выводы, можно понять, что не нужно применять подобные стили для flash, видео, canvas элементов, расположенных на странице Вашего сайта, а также для любых больших или емких элементов, так как это приводит к подвисанию страницы на компьютере пользователя... Хотя современные компьютеры имеют достаточно мощности, чтобы с этим справляться – решайте сами.

Просим обратить внимание, что есть некоторые рекламные кампании, которые используют фиксированные позиции для своих объявлений... Задумайтесь над их использованием...


2. Процессор и анимированное или flash, или canvas содержимое.

Также браузер может «тормозить» в том случае, если не успевает обрабатывать странцу Ваш центральный процессор или процессор видеоадаптера. На менее мощных ПК очень заметно, если, например, на странице присутствует несколько анимированных элементов: реклама, видео плеер, анимации (CANVAS, GIF или CSS). Часто в момент запуска видео плеера, реклама не дает нормально смотреть видео и поэтому все ужасно тормозит! Для того, чтобы избавиться от рекламы, используйте блокировщик рекламы AdBlock plus. Он не только выполнит свою функцию, заблокировав нежелательно содержимое, но и в некоторых случаях, не допустит появления вирусов на ПК или Android AdBlock.


3. Расширения браузера.

Стоит также обратить внимание на то, какие расширения для браузера Вы используете. Для этого Вам нужно зайти в Расширения Вашего браузера. Этот пункт находится в меню. Посмотрите какие расширения установлены и удалите все подозрительные – которые Вы не устанавливали. Обычно даже если Вы удалите все расширения, то интернет-обозреватель все-равно будет работать. Поэтому не бойтесь предпринимать действия.

В Opera расширения браузера можно найти, нажав клавиши Ctrl Shift E (контрол шифт е - латиница). В других браузерах: «Меню» > «Расширения» (или «Дополнения»).


4. Программное обеспечение.

Ваше другое программное обеспечение также может влиять на работу обозревателя интернет. В зависимости от того, какие программы Вы используете, Ваш браузер активно будет на это реагировать. Например, даже если у Вас очень мощный ПК, а Вы запустили на нем игру или обрабатываете видео, то вся мощность процессора занята этим действием и на браузер остается очень мало ресурсов для того, чтобы обрабатывать web-страницы. Откройте Диспетчер задач и убедитесь, что другие процессы НЕ используют Ваш процессор. Для этого нажмите Ctrl Shift Esc – все эти клавиши находятся слева. Также можно нажать Ctrl Alt Del или на панели задач правой кнопкой мыши и выбрать пункт меню «Диспетчер задач».


5. Вирусы.

Вирусы! Они также могут использовать все ресурсы компьютера и при этом, соответственно, все будет зависать в том числе и страницы сайтов в браузере. Попробуйте найти в интернет: Doctor Web Cure IT, скачайте эту программу, начните сканировать ею свой компьютер. Это лечащая утилита, которая стала популярна благодаря своей эффективности по поиску вредоносных программ и легкости использования.


6. Большой объем данных.

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

Такие технологии позволяют без перезагрузки страницы, получать доступ к различным материалам. Но здесь же таится подвох – чем больше Вы листаете вниз – тем больше содержимого оказывается в памяти Вашего компьютера. Весь текст, видео и изображения мгновенно начинают занимать оперативную память, а также нагружать процессор.

Чем больше этого содержимого появляется на странице, тем «тяжелее» она становится. Тем тяжелее процессору и видеокарте отрисовывать положение всех элементов. Ведь когда их становится большое количество (возможно тысячи), тогда и начинает тормозить компьютер. Даже если у Вас очень мощный процессор и много оперативной памяти, это не дает гарантию, что в моменты долгой прокрутки ленты (или похожих действий, добавляющих содержимое на страницу), Ваш компьютер не начнёт зависать на некоторое время. Чем маломощнее ПК (телефон или планшет) – тем заметнее «тормоза».

Что делать в этой ситуации?

Постарайтесь не использовать много ресурсов Вашего устройства. Т.е. когда замечаете «тормоза», лучше всего почистить кеш браузера или хотя бы перезагрузить страницу, чтобы вся информация выгрузилась из памяти. Также поможет закрытие и повторное открытие интернет-обозревателя.

Как почистить кеш браузера?

Чаще всего это можно сделать, нажав сочетание клавиш Ctrl H (контрол и h латиница). Затем найти кнопку «Очистить историю», выбрать «За все время».

Возможно, в следствии очистки, Вам придется заново вводить учетные данные на сайтах, где Вы были авторизированы. Чтобы этого избежать можно НЕ удалять Cookies.

Почему тормозит браузер?

Добавить отзыв

Inverser 2017-10-16 16:42:01
Андрей, не знаю, кто такой Лукас, но благодарю, видимо, что-то хорошее.
Андрей 2017-10-16 15:18:31
Благодарю за статью , рили полезная . Я долго искал причину проблемы скроллинга, вот это что написано про контакт "Большой объем данных.
Многие крупные современные сайты начали активно использовать технологию асинхронного добавления содержимого на страницу. "
Большой лукас вам
inverser 2015-10-08 22:28:39
Заполните форму обратной связи:
http://inverser.pro/17-obratnaya-svyaz
Гость 2015-10-08 22:27:59
А вы бы не могли помочь мне в этом деле и объяснить где и как все это убирается? Просто я совсем не соображаю ничего в css. Где найти файлы я еще может и разберусь, а вот что убрать врядле. Я заплачу если нужно. Много не смогу правда, но рублей 50 с яндекс денег могу кинуть
Хостинг SSD, VPS, сервера
от 7.34$/365 дней
подробнее