Det gick inte att rendera något av innehållet ovanför mitten på sidan utan att det blev nödvändigt att vänta medan de följande resurserna lästes in. Testa att skjuta upp inläsningen av resurserna som blockerar renderingen eller att läsa in dem asynkront, eller infoga de viktigaste delarna av resurserna direkt i HTML-koden.

Ta bort Javascript som blockerar rendering:

• http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js

Optimera visning av CSS för följande:

• http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css

Aktivera komprimering för följande resurser för att minska storleken på överföringen med 37,7 kB (70 % reduktion).

• Om du komprimerar http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js kan du spara 34,2 kB (70 % reduktion).
• Om du komprimerar http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css kan du spara 3,5 kB (70 % reduktion).

Utnyttja cachelagring i webbläsare för följande resurser som kan cachelagras:

• http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (utgångsdatum har inte angetts)
• http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js (utgångsdatum har inte angetts)
• http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (utgångsdatum har inte angetts)
• http://www.google-analytics.com/ga.js (2 timmar)

Konfigurera ett visningsområde för den här sidan.

Följande textfragment har liten teckensnittsstorlek. Öka teckensnittsstorleken så att texten blir lättare att läsa.

• a Ruby regular…ression editor återges bara som 8 pixlar på höjden (20 CSS-pixlar) final.
• Your regular expression: återges bara som 6 pixlar på höjden (16 CSS-pixlar) final.
• När / och 1 till ritas upp på skärmen blir texten bara 8 pixlar hög (20 CSS-pixlar) final.
• Your test string: återges bara som 6 pixlar på höjden (16 CSS-pixlar) final.
• Wrap words återges bara som 4 pixlar på höjden (11 CSS-pixlar) final.
• När Show invisibles och 1 till ritas upp på skärmen blir texten bara 4 pixlar hög (11 CSS-pixlar) final.
• När Rubular is a R…ou write them. och 2 till ritas upp på skärmen blir texten bara 6 pixlar hög (16 CSS-pixlar) final.
• try an example återges bara som 6 pixlar på höjden (16 CSS-pixlar) final.
• När make permalink och 1 till ritas upp på skärmen blir texten bara 4 pixlar hög (11 CSS-pixlar) final.
• När [a-zA-Z] och 23 till ritas upp på skärmen blir texten bara 5 pixlar hög (13 CSS-pixlar) final.
• När Any word chara…r, underscore) och 23 till ritas upp på skärmen blir texten bara 5 pixlar hög (13 CSS-pixlar) final.
• När perform #{...}…ions only once och 4 till ritas upp på skärmen blir texten bara 5 pixlar hög (12 CSS-pixlar) final.
• När i och 3 till ritas upp på skärmen blir texten bara 5 pixlar hög (12 CSS-pixlar) final.
• När . For question…ues, visit the och 5 till ritas upp på skärmen blir texten bara 5 pixlar hög (14 CSS-pixlar) final.
• När Michael Lovitt och 2 till ritas upp på skärmen blir texten bara 5 pixlar hög (14 CSS-pixlar) final.
• När ( och 3 till ritas upp på skärmen blir texten bara 5 pixlar hög (12 CSS-pixlar) final.
• När @rubular och 1 till ritas upp på skärmen blir texten bara 5 pixlar hög (12 CSS-pixlar) final.

Sidans innehåll är 1 043 CSS-pixlar brett, men visningsområdet är bara 980 CSS-pixlar brett. Följande element hamnar utanför visningsområdet:

• Elementet <h1>Rubular</h1> hamnar utanför visningsområdet.
• Elementet <h2>a Ruby regular…ression editor</h2> hamnar utanför visningsområdet.
• Elementet <input id="options" type="text" name="options"> hamnar utanför visningsområdet.
• Elementet <div id="start_instructions" class="notice">Rubular is a R…ry an example.</div> hamnar utanför visningsområdet.
• Elementet <div class="form_controls">make permalink…clear fields</div> hamnar utanför visningsområdet.
• Elementet <h3>Regex quick reference</h3> hamnar utanför visningsområdet.
• Elementet <p>options: i c…ions only once</p> hamnar utanför visningsområdet.
• Elementet <p>For a complete…e the Pickaxe.</p> hamnar utanför visningsområdet.
• Elementet <p>Made by Michae…er (@rubular).</p> hamnar utanför visningsområdet.

Följande tryckytor ligger tätt intill andra tryckytor. Det kan behövas mer utrymme mellan dem.

• Tryckytan för <label>Wrap words</label> och 1 andra tryckytor sitter tätt intill varandra final.
• Tryckytan för <label>Wrap words</label> och 3 andra tryckytor sitter tätt intill varandra final.
• Tryckytan för <label>Show invisibles</label> och 1 andra tryckytor sitter tätt intill varandra final.
• Tryckytan för <a href="http://www.rub…nguage.html#UJ">Pickaxe</a> och 1 andra tryckytor sitter tätt intill varandra final.
• Tryckytan för <a href="http://twitter.com/lovitt">@lovitt</a> och 1 andra tryckytor sitter tätt intill varandra final.