80 / 100
À corriger :
Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison
Votre page contient 1 ressources de script et 1 ressources CSS qui bloquent l'affichage de votre page, et donc le retardent.
Aucune partie du contenu situé au-dessus de la ligne de flottaison sur votre page n'a pu être affichée avant que le chargement des ressources suivantes n'ait été terminé. Essayez de différer le chargement des ressources qui bloquent votre page, de les charger de manière asynchrone, ou d'intégrer les parties essentielles de ces ressources directement dans le code HTML.
Supprimez les ressources JavaScript qui bloquent l'affichage :
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js
Optimisez l'affichage des styles CSS pour les URL suivantes :
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css
Afficher les étapes de résolution du problème
À corriger éventuellement :
Autoriser la compression
En compressant vos ressources avec "gzip" ou "deflate", vous pouvez réduire le nombre d'octets envoyés sur le réseau.
Autorisez la compression des ressources suivantes afin de réduire le volume de données transférées de 37,7 Ko (réduction de 70 %).
- La compression de http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js pourrait libérer 34,2 Ko (réduction de 70 %).
- La compression de http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css pourrait libérer 3,5 Ko (réduction de 70 %).
Afficher les étapes de résolution du problème
Exploiter la mise en cache du navigateur
Si vous définissez une date d'expiration ou une durée de validité maximale pour les ressources statiques dans les en-têtes HTTP, vous indiquez au navigateur d'aller chercher les ressources déjà téléchargées sur le disque local plutôt que sur le réseau.
Exploitez la mise en cache du navigateur pour les ressources suivantes pouvant être mises en cache :
- http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (délai d'expiration non spécifié)
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js (délai d'expiration non spécifié)
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (délai d'expiration non spécifié)
- http://www.google-analytics.com/ga.js (2 heures)
Afficher les étapes de résolution du problème
7 règles approuvées
67 / 100
À corriger :
Utiliser des tailles de police lisibles
La manière dont ce texte s'affiche sur votre page peut rendre la lecture difficile pour certains de vos visiteurs. Utilisez des tailles de police lisibles afin d'améliorer l'expérience utilisateur.
La taille de police des extraits de texte suivants est trop petite. Augmentez-la pour rendre ces extraits plus lisibles.
a Ruby regular…ression editor
s'affiche avec une hauteur de seulement 8 pixels (20 pixels CSS) final.
Your regular expression:
s'affiche avec une hauteur de seulement 6 pixels (16 pixels CSS) final.
/
et 1 autres blocs de texte s'affichent avec une hauteur de seulement 8 pixels (20 pixels CSS) final.
Your test string:
s'affiche avec une hauteur de seulement 6 pixels (16 pixels CSS) final.
Wrap words
s'affiche avec une hauteur de seulement 4 pixels (11 pixels CSS) final.
Show invisibles
et 1 autres blocs de texte s'affichent avec une hauteur de seulement 4 pixels (11 pixels CSS) final.
Rubular is a R…ou write them.
et 2 autres blocs de texte s'affichent avec une hauteur de seulement 6 pixels (16 pixels CSS) final.
try an example
s'affiche avec une hauteur de seulement 6 pixels (16 pixels CSS) final.
make permalink
et 1 autres blocs de texte s'affichent avec une hauteur de seulement 4 pixels (11 pixels CSS) final.
[a-zA-Z]
et 23 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (13 pixels CSS) final.
Any word chara…r, underscore)
et 23 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (13 pixels CSS) final.
perform #{...}…ions only once
et 4 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (12 pixels CSS) final.
i
et 3 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (12 pixels CSS) final.
. For question…ues, visit the
et 5 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (14 pixels CSS) final.
Michael Lovitt
et 2 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (14 pixels CSS) final.
(
et 3 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (12 pixels CSS) final.
@rubular
et 1 autres blocs de texte s'affichent avec une hauteur de seulement 5 pixels (12 pixels CSS) final.
Afficher les étapes de résolution du problème
À corriger éventuellement :
Adapter la taille du contenu à la fenêtre d'affichage
Le contenu de la page est trop large pour la fenêtre d'affichage, ce qui oblige l'internaute à faire défiler la page horizontalement. Adaptez la taille du contenu à la fenêtre d'affichage afin de proposer une meilleure expérience utilisateur.
La largeur du contenu de la page est de 1 043 pixels CSS, mais la largeur de la fenêtre d'affichage n'est que de 980 pixels CSS. Les éléments suivants ne s'affichent pas dans la fenêtre d'affichage :
- L'élément
<h1>Rubular</h1>
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<h2>a Ruby regular…ression editor</h2>
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<input id="options" type="text" name="options">
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<div id="start_instructions" class="notice">Rubular is a R…ry an example.</div>
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<div class="form_controls">make permalink…clear fields</div>
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<h3>Regex quick reference</h3>
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<p>options: i c…ions only once</p>
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<p>For a complete…e the Pickaxe.</p>
ne s'affiche pas dans la fenêtre d'affichage.
- L'élément
<p>Made by Michae…er (@rubular).</p>
ne s'affiche pas dans la fenêtre d'affichage.
Afficher les étapes de résolution du problème
Dimensionner les éléments tactiles de manière appropriée
Il est possible que certains des liens et des boutons présents sur votre page soient trop petits pour qu'un utilisateur puisse appuyer dessus sur un écran tactile. Augmentez la taille de ces éléments tactiles afin de proposer une meilleure expérience utilisateur.
Les éléments tactiles suivants sont proches d'autres éléments tactiles et il peut être nécessaire de les espacer davantage.
- L'élément tactile
<label>Wrap words</label>
est près de 1 autres éléments tactiles final.
- L'élément tactile
<label>Wrap words</label>
, ainsi que 3 autres sont trop proches d'autres éléments tactiles final.
- L'élément tactile
<label>Show invisibles</label>
est près de 1 autres éléments tactiles final.
- L'élément tactile
<a href="http://www.rub…nguage.html#UJ">Pickaxe</a>
, ainsi que 1 autres sont trop proches d'autres éléments tactiles final.
- L'élément tactile
<a href="http://twitter.com/lovitt">@lovitt</a>
est près de 1 autres éléments tactiles final.
Afficher les étapes de résolution du problème
1 règles approuvées
90 / 100
À corriger éventuellement :
Autoriser la compression
En compressant vos ressources avec "gzip" ou "deflate", vous pouvez réduire le nombre d'octets envoyés sur le réseau.
Autorisez la compression des ressources suivantes afin de réduire le volume de données transférées de 37,7 Ko (réduction de 70 %).
- La compression de http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js pourrait libérer 34,2 Ko (réduction de 70 %).
- La compression de http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css pourrait libérer 3,5 Ko (réduction de 70 %).
Afficher les étapes de résolution du problème
Exploiter la mise en cache du navigateur
Si vous définissez une date d'expiration ou une durée de validité maximale pour les ressources statiques dans les en-têtes HTTP, vous indiquez au navigateur d'aller chercher les ressources déjà téléchargées sur le disque local plutôt que sur le réseau.
Exploitez la mise en cache du navigateur pour les ressources suivantes pouvant être mises en cache :
- http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (délai d'expiration non spécifié)
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js (délai d'expiration non spécifié)
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (délai d'expiration non spécifié)
- http://www.google-analytics.com/ga.js (2 heures)
Afficher les étapes de résolution du problème
Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison
Votre page contient 1 ressources de script et 1 ressources CSS qui bloquent l'affichage de votre page, et donc le retardent.
Aucune partie du contenu situé au-dessus de la ligne de flottaison sur votre page n'a pu être affichée avant que le chargement des ressources suivantes n'ait été terminé. Essayez de différer le chargement des ressources qui bloquent votre page, de les charger de manière asynchrone, ou d'intégrer les parties essentielles de ces ressources directement dans le code HTML.
Supprimez les ressources JavaScript qui bloquent l'affichage :
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js
Optimisez l'affichage des styles CSS pour les URL suivantes :
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css
Afficher les étapes de résolution du problème
7 règles approuvées
* Les résultats sont mis en cache pendant 30 secondes. Si vous avez apporté des modifications à votre page, veuillez attendre 30 secondes avant de relancer le test.