Як знайти невикористані стилі CSS у таблиці стилів

CSS

Незважаючи на те, що ваші таблиці стилів кешовані, перший раз, коли хтось відвідує ваш сайт, роздутий файл CSS може дійсно сповільнити ваш сайт. Це не надто чудово для першого враження. У міру зростання сайтів вони, як правило, розширюються за допомогою нових віджетів та об’єктів, які дизайнери продовжують вдосконалювати із все більшою кількістю опцій таблиці стилів. З часом ваша таблиця стилів може надутися і стати ключовою частиною чому ваш сайт завантажується повільніше ніж інші.

Я бачив інші інструменти перевірки CSS в Інтернеті. Ми використовували Чистий CSS зменшити розмір файлу шляхом кращої організації та мініфікації даних на ньому. Коли ви використовуєте третю сторону для аналізу вашого сайту, ви повинні бути обережними. Якщо вони скребують одну сторінку та аналізують ваш CSS, за допомогою інструмента ви можете видалити зменшені тонни стилів, які використовуються на інших сторінках.

Не справа з Невикористаний CSS - інструмент, який Ендрю Болдок від Mindjet, a картування розуму заявку, показав мені вчора. Інструмент сканує ваш сайт і визначає невикористаний CSS. Ви навіть можете перевірити стилі, які хочете зберегти, незалежно від аналізу. На завершення ви можете завантажити таблицю стилів після того, як вона пройде процедуру зменшення.

невикористаний css

Вище знаходиться приладова панель де Невикористаний CSS виявив, що це може зменшити мою таблицю стилів на 56%. Ми продовжимо тестувати інструмент - мене все ще турбують об’єкти, які ми втягуємо через Javascript та Ajax. Однак це виглядає як чудовий ресурс для нас.

2 Коментарі

  1. 1
  2. 2

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.