На работе я разбаловался довольно мощным компом, потому многих вещей я просто не замечал. Этой весной моему домашнему бучеку будет 5 лет. Я им вполне доволен, 17» экран, 125фпс в ку3 (на настройках для игры) — но, фокс 3.6.13 очень лагает, когда на странице есть цсс3 градиентики и бокс-шадовс. Он просто реально умирает, и проц 100%. В остальных браузерах, вебкиты, говнооперы и ИЕ все ок, «ТАКИХ» лаг нет.

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

Частичной панацеей для бокс-шадов есть такая конструкция:

.shadow {-moz-border-image: url("/imgs/shadow.png") 10 / 3px;}

Где картинка выглядит вот-так , ну а градиенты картинками, чего очень не хочется.

зы: и ещё, о цсс3 — для инпутов в ФФ до сих пор бордер-радиус не применяются, пока им не сменишь их бордер на любой другой.

Дебажив сайты, случайно обнаружил, что у меня на всех сайтах грузятся одни и те же скрипты, которых я как бы не заказывал, а именно:

• htt ps://www.superfish.com/ws/sfw.jsp?clientVersion=1.2.0.7&dlsource=ietab&userId=RzSKuZipQ5KcdowsVZukzg&statsReporter=false
• htt ps://www.superfish.com/ws/js/sf_conduit.js?ver=4.0.1
• htt ps://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/dojo.xd.js
• htt ps://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/io/script.xd.js
• htt ps://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/window.xd.js
• htt ps://www.superfish.com/ws/getSupportedSitesJSON.action?ver=2.1&callback=SF_isURISupported

Версии могут отличатся. Я немного под офигел, погуглил, и узнал что во всём виноват аддон, которым я не пользовался уже месяца 3, а именно IE Tab Plus.
зы: я помню, о том что бы расписать как работает анимация в цсс3, сделаю это на выходных :)

    if(typeof document.getBoxObjectFor == "undefined") {
        document.getBoxObjectFor = function(elem) {
            var obj = new Object;
            var rect = elem.getBoundingClientRect();
            obj.y = rect.top;
            obj.x = rect.left;
            obj.width =Math.abs(rect.right-rect.left);
            obj.height = Math.abs(rect.bottom-rect.top);
            return obj;
        }
    }

В JS-консоле просто вставляем команду, и со всех скуельлайт-файлов изымается лишнее, они худеют, остаётся только нужное и вакуум

Components.
classes["@mozilla.org/browser/nav-history-service;1"].
getService(Components.interfaces.nsPIPlacesDatabase).
DBConnection.executeSimpleSQL("VACUUM");

Components.classes["@mozilla.org/browser/nav-history-service;1"].getService(Components.interfaces.nsPIPlacesDatabase).DBConnection.executeSimpleSQL("VACUUM");

Для тех, кто ленив, есть плагин автоматизирующий это действие

Удивительное рядом, ускорить фокс и «убрать» утечки памяти помогут два аддончика:

• AFOM
• AFOM Plus

После этой магии, грузится «почти» моментально, ест не больше 50МБ ;)
зы: ставить или/или. В реале они все «лишнее» кидают в своп, зато оперативка чиста ;)))

Свершилась моя давешняя мечта, которой с два года, собрал я все свои аддончики в одну коллекцию, и теперь их можно установить одним кличком(в скором времени), УРА! %)

• Посмотреть на Мозилла.орг

Есть на свете браузер клёвый ИЕ (кИЕ) и хорошая контора Microsoft, и любит эта контора в свой кИЕ напихать функций нестандартных, вот одина из них «removeNode». По хорошему должна быть функция removeChild :) , но что делать, если нужно поддержать какой нить огромный проект, типа Битрикс, что очень любит фишечки с кИЕ :) Для этого можно в прототайп добавить небольшую обёрточку, и жизнь станет на порядок легче ;)

if(window.HTMLElement){
  HTMLElement.prototype.removeNode = function(removeChildren) {
    if (Boolean(removeChildren) )
      return this.parentNode.removeChild(this);
    else {
      var r=document.createRange();
      r.selectNodeContents(this);
      return this.parentNode.replaceChild(r.extractContents(),this);
    }
  }
}

зы: Это же касается чудесных кИЕ методов для options.remove

В мозиллке (фаерфоксе — Mozilla Firefox) когда добавляешь/изменяешь джаваскриптом длину(width), высоту(height) или другой параметр в пикселях(px), он не работает :( и получаешь ошибку ксс «параметр задан неправильно или не установлен» («The parameter is incorrect»). Всего лишь нужно вконец величины дописать «px» :)

Вот так:

id.style.width = somewidth + 'px';