89 / 100
Overvej at løse følgende:
Aktiver komprimering
Komprimering af ressourcer med gzip eller deflate kan reducere antallet af bytes, der sendes over netværket.
Aktivér komprimering for følgende ressourcer for at reducere deres overførselstørrelse med 3,5 KB (70 % reduktion).
- Ved at komprimere http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css kan der spares 3,5 KB (70 % reduktion).
Vis, hvordan problemet løses
Udnyt cachelagring i browser
Fastsættelse af en udløbsdato eller en maksimal alder i HTTP-overskrifter til statiske ressourcer instruerer browseren i at indlæse tidligere indlæste ressourcer fra den lokale disk i stedet for over netværket.
Udnyt cachelagring i browseren for følgende ressourcer, der kan cachelagres:
- http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (udløbsdato er ikke specificeret)
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (udløbsdato er ikke specificeret)
- http://www.google-analytics.com/ga.js (2 timer)
Vis, hvordan problemet løses
Fjern gengivelsesblokerende JavaScript og CSS fra indholdet over skillelinjen
Din side har 1 blokerende script-ressourcer og 1 blokerende CSS-ressourcer. Dette forsinker gengivelsen af din side.
Indholdet over skillelinjen på siden kunne ikke gengives uden at vente på, at de efterfølgende ressourcer blev indlæst. Prøv at udskyde eller indlæse blokerende ressourcer asynkront eller at indlejre de kritiske dele af disse ressourcer direkte i HTML-sektionen.
Fjern gengivelsesblokerende JavaScript:
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js
Optimer CSS-levering af følgende:
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css
Vis, hvordan problemet løses
7 regler overholdes
67 / 100
Du bør løse:
Brug egnede skriftstørrelser
Følgende tekst på din side gengives på en måde, der kan være vanskelig at læse for nogle af dine besøgende. Brug læselige skriftstørrelser for at give en bedre brugeroplevelse.
Følgende tekstfragmenter har en lille skriftstørrelse. Øg skriftstørrelsen for at gøre dem nemmere at læse.
a Ruby regular…ression editor
er kun 8 pixels høj (20 CSS-pixels) final.
Your regular expression:
er kun 6 pixels høj (16 CSS-pixels) final.
/
og 1 andre gengives med en højde på kun 8 pixels (20 CSS-pixels) final.
Your test string:
er kun 6 pixels høj (16 CSS-pixels) final.
Wrap words
er kun 4 pixels høj (11 CSS-pixels) final.
Show invisibles
og 1 andre gengives med en højde på kun 4 pixels (11 CSS-pixels) final.
Rubular is a R…ou write them.
og 2 andre gengives med en højde på kun 6 pixels (16 CSS-pixels) final.
try an example
er kun 6 pixels høj (16 CSS-pixels) final.
make permalink
og 1 andre gengives med en højde på kun 4 pixels (11 CSS-pixels) final.
[a-zA-Z]
og 23 andre gengives med en højde på kun 5 pixels (13 CSS-pixels) final.
Any word chara…r, underscore)
og 23 andre gengives med en højde på kun 5 pixels (13 CSS-pixels) final.
perform #{...}…ions only once
og 4 andre gengives med en højde på kun 5 pixels (12 CSS-pixels) final.
i
og 3 andre gengives med en højde på kun 5 pixels (12 CSS-pixels) final.
. For question…ues, visit the
og 5 andre gengives med en højde på kun 5 pixels (14 CSS-pixels) final.
Michael Lovitt
og 2 andre gengives med en højde på kun 5 pixels (14 CSS-pixels) final.
(
og 3 andre gengives med en højde på kun 5 pixels (12 CSS-pixels) final.
@rubular
og 1 andre gengives med en højde på kun 5 pixels (12 CSS-pixels) final.
Vis, hvordan problemet løses
Overvej at løse følgende:
Tilpas indholdets størrelse til billedet
Indholdet på siden er for bredt til visningen, hvilket tvinger brugeren til at rulle vandret. Tilpas indholdet på siden til visningen for at forbedre brugeroplevelsen.
Indholdet på siden er 1.043 CSS-pixels i bredden, men visningen er kun 980 CSS-pixels i bredden. Følgende elementer falder uden for visningen:
- Elementet
<h1>Rubular</h1>
falder uden for visningen.
- Elementet
<h2>a Ruby regular…ression editor</h2>
falder uden for visningen.
- Elementet
<input id="options" type="text" name="options">
falder uden for visningen.
- Elementet
<div id="start_instructions" class="notice">Rubular is a R…ry an example.</div>
falder uden for visningen.
- Elementet
<div class="form_controls">make permalink…clear fields</div>
falder uden for visningen.
- Elementet
<h3>Regex quick reference</h3>
falder uden for visningen.
- Elementet
<p>options: i c…ions only once</p>
falder uden for visningen.
- Elementet
<p>For a complete…e the Pickaxe.</p>
falder uden for visningen.
- Elementet
<p>Made by Michae…er (@rubular).</p>
falder uden for visningen.
Vis, hvordan problemet løses
Giv trykbare elementer den rigtige størrelse
Nogle af de links/knapper, der er på din webside, er muligvis for små til, at brugeren kan trykke på dem på en touchskærm. Du kan gøre disse trykbare elementer større for at forbedre brugeroplevelsen.
Følgende trykbare elementer er tæt på andre trykbare elementer, og det kan være nødvendigt at skabe mere plads mellem dem.
- Det trykbare element
<label>Wrap words</label>
er for tæt på 1 andre trykbare elementer final.
- Det trykbare element
<label>Wrap words</label>
og 3 andre elementer er for tæt på andre trykbare elementer final.
- Det trykbare element
<label>Show invisibles</label>
er for tæt på 1 andre trykbare elementer final.
- Det trykbare element
<a href="http://www.rub…nguage.html#UJ">Pickaxe</a>
og 1 andre elementer er for tæt på andre trykbare elementer final.
- Det trykbare element
<a href="http://twitter.com/lovitt">@lovitt</a>
er for tæt på 1 andre trykbare elementer final.
Vis, hvordan problemet løses
1 regler overholdes
Vis detaljer
Undgå plugins
Din side ser ikke ud til at bruge plugins, som ville kunne forhindrer brugen af indhold på mange platforme. Få flere oplysninger om betydningen af at undgå plugins.
*Resultaterne cachelagres i 30 sek. Hvis du har foretaget ændringer på din side, skal du vente 30 sek., før du kører testen igen.