Связаться с нами

  • (097) ?601-88-87
    (067) ?493-44-27
    (096) ?830-00-01

Статьи

Аналізуємо якість сайту за допомогою DOM Monster

  1. Як використовувати DOM Monster
  2. Де взяти DOM Monster?

Після заяви Google про те, що ранжирування посилань поступово відходить у минуле і відтепер сайти будуть в більшій мірі оцінюватися не за кількістю посилань на них доменів, а по поведінковому таргетингу і швидкості завантаження, на перше місце вийшло питання якості технічної складової сайту.

Якщо ще вчора це питання більшою мірою хвилювало тільки власників високовідвідуваних ресурсів, то сьогодні цим моментом спантеличені вже практично все вебмастера.

Але навіть знаючи методику тестування, не завжди можна точно зрозуміти - що ж конкретно потрібно зробити. Саме тому слід приділити особливу увагу інструментам, які не тільки надають статистичні дані, але і на основі цих даних дають поради по налаштуванню або оптимізації параметрів сайту.

По суті, сам по собі перелік основних положень щодо оптимізації якості сайту не так вже й великий. Перерахую і опишу їх коротко:

  • швидкість роботи сервера і ширина каналу хостингу. Залежить від обраного вами постачальника послуг;
  • кількість зовнішніх JS і CSS файлів. Наприклад, багато плагіни для WordPress використовують свої власні CSS і JS файли, які завантажуються разом зі сторінкою;
  • оптимізація і стиснення зображень, JS-скриптів і CSS файлів. Наприклад, JPG зображення в 100% якості, розмір окремих CSS і JS файлів і т.д .;
  • стиснення сторінок сервером. Чи використовується для сайту Gzip - утиліта стиснення і відновлення файлів;
  • використання кешування сторінок. Наприклад, застосування різноманітних плагінів WordPress для кешування - від Hyper Cache до Maxsite Cache;
  • оптимізація кількості завантажуваних елементів і зменшення кількості http-запитів. Наприклад, використання CSS спрайтів або видалення зайвих і невикористовуваних сторонніх додатків (кілька варіантів кнопок Twitter, Facebook і т.д .;
  • зменшення кількості запитів до БД. Наприклад, багато плагіни зберігають свої налаштування і дані в БД, що збільшує кількість запитів до бази при завантаженні сторінки;
  • оптимізація та очищення бази даних сайту. Що з'явилися у версії WordPress 3.0 ревізії дуже сильно засмічують базу, що призводить до збільшення її обсягу і більш тривалій обробці запитів.

Докладно зупинятися на корекцію кожного з цих моментів не має сенсу - великий обсяг роботи вже виконано колегами:

  • Дмитро написав серію статей на тему « Збільшуємо швидкість завантаження сайту за допомогою PageSpeed »(Додаток для плагіна Firebug) написав Дмитро - автор блогу.
  • в блозі Олега Михайленко ви знайдете статтю « Чистимо БД WordPress за допомогою WP-Cleanup », В якій розглядається спосіб очищення бази даних від зайвих записів.
  • оптимізувати базу даних для WordPress можна за допомогою плагіна WP-DBManager , Російську і українську версію якого ви можете знайти на сайті «Російські та українські плагіни для WordPress».

А я в свою чергу хочу розповісти вам про вподобаному мені новому легкому і зручний інструмент для аналізу якості сайту під назвою DOM Monster - cross-браузерному Букмарклет, який дозволяє аналізувати об'єктну модель документа і інші особливості сторінок.

Навіщо потрібен DOM Monster і що він вміє

Не дивлячись на досить велике кількість різного роду оптимізаторів, DOM Monster надає додаткову інформацію, яку я не бачив в інших сервісах аналізу. наприклад:

  • аналіз JS-коду в тексті сторінки і його обсягу;
  • перевірка кількості зовнішніх JS і CSS-файлів;
  • перевірка кількості iframe в коді сторінки;
  • перевірка глибини укладення коду;
  • перевірка порожнього і невикористаного місця в коді сторінки (прогалини, переноси рядків і т.д.);
  • аналіз Doctype сторінки;
  • аналіз кількості коментарів у коді сторінки;
  • аналіз відповідності сторінки - HTML5;
  • перевірка актуальності використовуваної версії jQuery.

Але найціннішою функцією цього інструменту, є загальна оцінка стану і консолідований список порад і попереджень, які допоможуть оптимізувати код сайту.

Як використовувати DOM Monster

На відміну від Firebug / Page Speed, DOM Monster - це букмарклет, який працює практично не залежно від платформи або браузера (на жаль, поточна версія 1.2.8 не підтримує Internet Explorer). Крім того, оновлення і контроль версій не потрібно, тому що сам букмарклет це JS-файл, розміщений на сервері розробника. Втім, ви можете завантажити вихідний код і розмістити файл у себе на сервері.

У використанні DOM Monster вкрай простий - просто перетягніть посилання на панель закладок браузера, потім зайдіть на будь-який сайт і натисніть на неї. У вас відкриється вікно, аналогічне тому, що на скріншоті нижче, з усіма параметрами і порадами по сайту.

У вас відкриється вікно, аналогічне тому, що на скріншоті нижче, з усіма параметрами і порадами по сайту

Де взяти DOM Monster?

DOM Monster поширюється як OpenSource, посилання на букмарклет можна взяти на офіційному сайті , А вихідний код - в репозиторії .

А ви замислювалися над оптимізацією свого сайту?

Ви погано спите ночами, але не знаєте як вибрати ортопедичний матрац? Приємний інтернет-магазин Matrasiki.com.ua не тільки допоможе зробити вибір, але і доставить Вашу покупку в найкоротші терміни!

Де взяти DOM Monster?
А ви замислювалися над оптимізацією свого сайту?

Новости

Пиротехника своими руками в домашних
Самые лучшие полезные самоделки рунета! Как сделать самому, мастер-классы, фото, чертежи, инструкции, книги, видео. Главная САМОДЕЛКИ Дизайнерские

Фольгированные шары с гелием
Для начала давайте разберемся и чего же выполнен фольгированный шар и почему он летает дольше?! Как вы помните, наши латексные шарики достаточно пористые, поэтому их приходится обрабатывать специальным

Как сделать красивую снежинку из бумаги
Красивые бумажные снежинки станут хорошим украшением дома на Новый год. Они создадут в квартире атмосферу белоснежной, зимней сказки. Да и просто занимаясь вырезанием из бумаги снежинок разнообразной

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

Надувные шарики с гелием с доставкой
На праздники часто бывают востребованы воздушные шарики, надутые гелием. Обычно, их покупают уже готовыми (надутыми) и привозят на праздник. Или, приглашают специалистов, которые приезжают и надувают

2400 наименований пиротехники
В последние десятилетия наша страна может похвастаться появлением нескольких десятков отечественных производителей, специализирующихся на выпуске пиротехники. Если вы сомневаетесь, какой фейерверк заказать,

Как сделать из бумаги самолет
 1. Самолеты сделанный по первой и второй схеме являются самыми распространенными. Собирается такое оригами своими руками достаточно быстро, несмотря на это самолет летит достаточно далеко за счет свое

Аниматоры на детские праздники в Зеленограде
Уж сколько раз твердили миру…Что готовиться ко дню рождения нужно заранее, а не бегать в предпраздничный день угорелой кошкой. Нельзя впихнуть в 24 часа дела, рассчитанные на недели. К празднику нужно