Очень медленный сайт при использовании box-shadows, но только на Mac?

Question

У меня есть внутреннее веб-приложение, в котором они могут создавать программы городского совета. Они делали это в MS Word и печатали его целую вечность. Я хотел сделать «предварительный просмотр» того, как напечатанная страница будет выглядеть как бумага. Я сделал это всю мою коробку Linux. Все было шикарно. Протестировано в IE7-8, Opera, Chrome и Firefox. Все выглядели на бумаге и прекрасно работали.

Но, к сожалению, я установил этот флажок на своем компьютере Mac, и по какой-то причине он настолько медленный, что его практически невозможно использовать в Chrome и FF. Это очень изменчиво и т.д. Я не мог понять это, тогда я удалил только эти строки:

-moz-box-shadow:#000 0 0 10px,inset #999 0 0 50px;
-webkit-box-shadow:#000 0 0 10px,inset #999 0 0 75px;

и все снова быстро и гладко шелковисто.

Итак, есть какие-нибудь идеи, почему или как исправить кроме сниффа ОС и удаления атрибутов CSS?

Answer 1

Несколько баллов:

• Как упомянул в вопросе, на который указал weltraumpirat, -moz-border-image является одной из возможных альтернатив.

• Вы пытались использовать только одну тень от коробки вместо нескольких?Если ваш дизайн может обойтись без одного из них, это немного уменьшит задержку прокрутки.

• Тем более, что это внутреннее веб-приложение, помните о своей целевой аудитории.Если каждый, кто использует приложение, работает, например, на рабочей станции Windows, выпущенной в городе, вам не нужно беспокоиться о производительности рендеринга Mac.(Я понимаю, что это может быть до боли очевидно, но все равно стоит указать.)