80 / 100
Исправьте обязательно:
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 1. Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Удалите код JavaScript, препятствующий отображению:
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js
Оптимизируйте работу CSS на следующих ресурсах:
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css
Как исправить?
Исправьте по возможности:
Включите сжатие
Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.
Включите сжатие для следующих ресурсов, чтобы уменьшить объем передаваемых данных на 37,7 КБ (70 %).
- Сжатие страницы http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js уменьшит ее размер на 34,2 КБ (70 %).
- Сжатие страницы http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css уменьшит ее размер на 3,5 КБ (70 %).
Как исправить?
Используйте кеш браузера
Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.
Используйте кеш браузера для следующих ресурсов:
- http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (не указан срок действия)
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js (не указан срок действия)
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (не указан срок действия)
- http://www.google-analytics.com/ga.js (2 часа)
Как исправить?
Выполнено правил: 7
67 / 100
Исправьте обязательно:
Используйте удобочитаемые размеры шрифтов
Некоторым посетителям будет сложно прочесть указанные ниже фрагменты текста на вашем сайте. Используйте удобочитаемые размеры шрифтов, чтобы сделать свой сайт удобнее.
В указанных ниже фрагментах слишком маленький размер шрифта. Увеличьте его, чтобы текст было удобно читать.
- Высота текстового фрагмента "
a Ruby regular…ression editor
" на экране составляет всего 8 пикс. (20 CSS-пикс.). final
- Высота текстового фрагмента "
Your regular expression:
" на экране составляет всего 6 пикс. (16 CSS-пикс.). final
- Высота текстового фрагмента "
/
" и ещё 1 на экране составляет всего 8 пикс. (20 CSS-пикс.). final
- Высота текстового фрагмента "
Your test string:
" на экране составляет всего 6 пикс. (16 CSS-пикс.). final
- Высота текстового фрагмента "
Wrap words
" на экране составляет всего 4 пикс. (11 CSS-пикс.). final
- Высота текстового фрагмента "
Show invisibles
" и ещё 1 на экране составляет всего 4 пикс. (11 CSS-пикс.). final
- Высота текстового фрагмента "
Rubular is a R…ou write them.
" и ещё 2 на экране составляет всего 6 пикс. (16 CSS-пикс.). final
- Высота текстового фрагмента "
try an example
" на экране составляет всего 6 пикс. (16 CSS-пикс.). final
- Высота текстового фрагмента "
make permalink
" и ещё 1 на экране составляет всего 4 пикс. (11 CSS-пикс.). final
- Высота текстового фрагмента "
[a-zA-Z]
" и ещё 23 на экране составляет всего 5 пикс. (13 CSS-пикс.). final
- Высота текстового фрагмента "
Any word chara…r, underscore)
" и ещё 23 на экране составляет всего 5 пикс. (13 CSS-пикс.). final
- Высота текстового фрагмента "
perform #{...}…ions only once
" и ещё 4 на экране составляет всего 5 пикс. (12 CSS-пикс.). final
- Высота текстового фрагмента "
i
" и ещё 3 на экране составляет всего 5 пикс. (12 CSS-пикс.). final
- Высота текстового фрагмента "
. For question…ues, visit the
" и ещё 5 на экране составляет всего 5 пикс. (14 CSS-пикс.). final
- Высота текстового фрагмента "
Michael Lovitt
" и ещё 2 на экране составляет всего 5 пикс. (14 CSS-пикс.). final
- Высота текстового фрагмента "
(
" и ещё 3 на экране составляет всего 5 пикс. (12 CSS-пикс.). final
- Высота текстового фрагмента "
@rubular
" и ещё 1 на экране составляет всего 5 пикс. (12 CSS-пикс.). final
Как исправить?
Исправьте по возможности:
Адаптируйте размер контента для области просмотра
Ширина страницы превышает ширину области просмотра, из-за чего пользователям придется прокручивать ее по горизонтали. Адаптируйте контент для области просмотра, чтобы сделать свой сайт удобнее.
Ширина страницы составляет 1 043 CSS-пикс., а области просмотра – всего 980 CSS-пикс. Эти элементы находятся вне области просмотра:
- Элемент
<h1>Rubular</h1>
находится вне области просмотра.
- Элемент
<h2>a Ruby regular…ression editor</h2>
находится вне области просмотра.
- Элемент
<input id="options" type="text" name="options">
находится вне области просмотра.
- Элемент
<div id="start_instructions" class="notice">Rubular is a R…ry an example.</div>
находится вне области просмотра.
- Элемент
<div class="form_controls">make permalink…clear fields</div>
находится вне области просмотра.
- Элемент
<h3>Regex quick reference</h3>
находится вне области просмотра.
- Элемент
<p>options: i c…ions only once</p>
находится вне области просмотра.
- Элемент
<p>For a complete…e the Pickaxe.</p>
находится вне области просмотра.
- Элемент
<p>Made by Michae…er (@rubular).</p>
находится вне области просмотра.
Как исправить?
Увеличьте размер активных элементов на странице
Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее.
Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.
- Активный элемент
<label>Wrap words</label>
находится слишком близко к другим активным элементам (1). final
- Активный элемент
<label>Wrap words</label>
и ещё 3 расположены слишком близко к другим активным элементам. final
- Активный элемент
<label>Show invisibles</label>
находится слишком близко к другим активным элементам (1). final
- Активный элемент
<a href="http://www.rub…nguage.html#UJ">Pickaxe</a>
и ещё 1 расположены слишком близко к другим активным элементам. final
- Активный элемент
<a href="http://twitter.com/lovitt">@lovitt</a>
находится слишком близко к другим активным элементам (1). final
Как исправить?
Выполнено правил: 1
90 / 100
Исправьте по возможности:
Включите сжатие
Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.
Включите сжатие для следующих ресурсов, чтобы уменьшить объем передаваемых данных на 37,7 КБ (70 %).
- Сжатие страницы http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js уменьшит ее размер на 34,2 КБ (70 %).
- Сжатие страницы http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css уменьшит ее размер на 3,5 КБ (70 %).
Как исправить?
Используйте кеш браузера
Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.
Используйте кеш браузера для следующих ресурсов:
- http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (не указан срок действия)
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js (не указан срок действия)
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (не указан срок действия)
- http://www.google-analytics.com/ga.js (2 часа)
Как исправить?
Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 1. Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Удалите код JavaScript, препятствующий отображению:
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js
Оптимизируйте работу CSS на следующих ресурсах:
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css
Как исправить?
Выполнено правил: 7
*Результаты кешируются на 30 секунд. Если вы изменили страницу, подождите 30 секунд, прежде чем запускать тест снова.