80 / 100
Behebung erforderlich:
JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen
Ihre Seite enthält 1 blockierende Skript-Ressourcen und 1 blockierende CSS-Ressourcen. Dies verursacht eine Verzögerung beim Rendern Ihrer Seite.
Keine der Seiteninhalte "above the fold" (ohne Scrollen sichtbar) konnten ohne Wartezeiten für das Laden der folgenden Ressourcen gerendert werden. Versuchen Sie, blockierende Ressourcen zu verschieben oder asynchron zu laden, oder laden Sie kritische Bereiche dieser Ressourcen direkt inline im HTML.
Entfernen Sie JavaScript, das das Rendering blockiert:
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js
Optimieren Sie die CSS-Darstellung für die folgenden URLs:
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css
Fehlerbehebung anzeigen
Behebung empfohlen:
Komprimierung aktivieren
Durch die Komprimierung der Ressourcen mit "gzip" oder "deflate" kann die Anzahl der über das Netzwerk gesendeten Bytes reduziert werden.
Ermöglichen Sie die Komprimierung der folgenden Ressourcen, um die Übertragungsgröße um 37,7 KB (70 %) zu reduzieren.
- Durch die Komprimierung von http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js könnten 34,2 KB (70 %) eingespart werden.
- Durch die Komprimierung von http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css könnten 3,5 KB (70 %) eingespart werden.
Fehlerbehebung anzeigen
Browser-Caching nutzen
Das Festlegen eines Ablaufdatums oder eines Höchstalters in den HTTP-Headern für statische Ressourcen weist den Browser an, zuvor heruntergeladene Ressourcen über die lokale Festplatte anstatt über das Netzwerk zu laden.
Nutzen Sie Browser-Caching für die folgenden cachefähigen Ressourcen:
- http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (Ablaufdatum nicht festgelegt)
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js (Ablaufdatum nicht festgelegt)
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (Ablaufdatum nicht festgelegt)
- http://www.google-analytics.com/ga.js (2 Stunden)
Fehlerbehebung anzeigen
7 bestandene Regeln
67 / 100
Behebung erforderlich:
Lesbare Schriftgrößen verwenden
Der folgenden Text auf Ihrer Seite wird in einer Größe dargestellt, die möglicherweise für Ihre Besucher schwierig zu lesen ist. Benutzen Sie lesbare Schriftgrößen, um die Nutzererfahrung zu verbessern.
Die folgenden Textfragmente haben eine zu geringe Schriftgröße. Vergrößern Sie die Schriftgröße, um sie lesbarer zu machen.
a Ruby regular…ression editor
stellt nur 8 hohe Pixel (20 CSS-Pixel) dar final.
Your regular expression:
stellt nur 6 hohe Pixel (16 CSS-Pixel) dar final.
/
und 1 andere stellen nur 8 hohe Pixel dar (20 CSS-Pixel) final.
Your test string:
stellt nur 6 hohe Pixel (16 CSS-Pixel) dar final.
Wrap words
stellt nur 4 hohe Pixel (11 CSS-Pixel) dar final.
Show invisibles
und 1 andere stellen nur 4 hohe Pixel dar (11 CSS-Pixel) final.
Rubular is a R…ou write them.
und 2 andere stellen nur 6 hohe Pixel dar (16 CSS-Pixel) final.
try an example
stellt nur 6 hohe Pixel (16 CSS-Pixel) dar final.
make permalink
und 1 andere stellen nur 4 hohe Pixel dar (11 CSS-Pixel) final.
[a-zA-Z]
und 23 andere stellen nur 5 hohe Pixel dar (13 CSS-Pixel) final.
Any word chara…r, underscore)
und 23 andere stellen nur 5 hohe Pixel dar (13 CSS-Pixel) final.
perform #{...}…ions only once
und 4 andere stellen nur 5 hohe Pixel dar (12 CSS-Pixel) final.
i
und 3 andere stellen nur 5 hohe Pixel dar (12 CSS-Pixel) final.
. For question…ues, visit the
und 5 andere stellen nur 5 hohe Pixel dar (14 CSS-Pixel) final.
Michael Lovitt
und 2 andere stellen nur 5 hohe Pixel dar (14 CSS-Pixel) final.
(
und 3 andere stellen nur 5 hohe Pixel dar (12 CSS-Pixel) final.
@rubular
und 1 andere stellen nur 5 hohe Pixel dar (12 CSS-Pixel) final.
Fehlerbehebung anzeigen
Behebung empfohlen:
Anpassung von Inhalten auf einen Darstellungsbereich
Der Seiteninhalt ist für den Darstellungsbereich zu breit, sodass der Nutzer gezwungen ist, horizontal zu scrollen. Passen Sie die Größe des Seiteninhalts dem Darstellungsbereich an, um eine bessere Nutzererfahrung zu bieten.
Der Seiteninhalt ist 1.043 CSS-Pixel breit, aber der Darstellungsbereich hat nur eine Breite von 980 CSS-Pixel. Die folgenden Elemente liegen außerhalb des Darstellungsbereichs:
- Das Element
<h1>Rubular</h1>
liegt außerhalb des Darstellungsbereichs.
- Das Element
<h2>a Ruby regular…ression editor</h2>
liegt außerhalb des Darstellungsbereichs.
- Das Element
<input id="options" type="text" name="options">
liegt außerhalb des Darstellungsbereichs.
- Das Element
<div id="start_instructions" class="notice">Rubular is a R…ry an example.</div>
liegt außerhalb des Darstellungsbereichs.
- Das Element
<div class="form_controls">make permalink…clear fields</div>
liegt außerhalb des Darstellungsbereichs.
- Das Element
<h3>Regex quick reference</h3>
liegt außerhalb des Darstellungsbereichs.
- Das Element
<p>options: i c…ions only once</p>
liegt außerhalb des Darstellungsbereichs.
- Das Element
<p>For a complete…e the Pickaxe.</p>
liegt außerhalb des Darstellungsbereichs.
- Das Element
<p>Made by Michae…er (@rubular).</p>
liegt außerhalb des Darstellungsbereichs.
Fehlerbehebung anzeigen
Optimale Größe von Links oder Schaltflächen auf Mobilgeräten einhalten
Einige der Links oder Schaltflächen auf Ihrer Webseite sind möglicherweise so klein, dass ein Nutzer sie auf einem Touchscreen nicht bequem antippen kann. Wir empfehlen, diese Links oder Schaltflächen zu vergrößern, um eine bessere Nutzererfahrung zu bieten.
Die folgenden Links und Schaltflächen sind nahe an anderen und benötigen möglicherweise zusätzlichen Abstand.
- Die Schaltfläche oder der Link
<label>Wrap words</label>
liegt nahe an 1 anderen (final).
- Die Schaltfläche oder der Link
<label>Wrap words</label>
und 3 andere liegen nahe an anderen final.
- Die Schaltfläche oder der Link
<label>Show invisibles</label>
liegt nahe an 1 anderen (final).
- Die Schaltfläche oder der Link
<a href="http://www.rub…nguage.html#UJ">Pickaxe</a>
und 1 andere liegen nahe an anderen final.
- Die Schaltfläche oder der Link
<a href="http://twitter.com/lovitt">@lovitt</a>
liegt nahe an 1 anderen (final).
Fehlerbehebung anzeigen
1 bestandene Regeln
Details anzeigen
Plug-ins vermeiden
Ihre Seite verwendet anscheinend keine Plug-ins. Plug-ins können die Nutzung von Inhalten auf vielen Plattformen verhindern. Erhalten Sie weitere Informationen über die Wichtigkeit, Plug-ins zu vermeiden.
90 / 100
Behebung empfohlen:
Komprimierung aktivieren
Durch die Komprimierung der Ressourcen mit "gzip" oder "deflate" kann die Anzahl der über das Netzwerk gesendeten Bytes reduziert werden.
Ermöglichen Sie die Komprimierung der folgenden Ressourcen, um die Übertragungsgröße um 37,7 KB (70 %) zu reduzieren.
- Durch die Komprimierung von http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js könnten 34,2 KB (70 %) eingespart werden.
- Durch die Komprimierung von http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css könnten 3,5 KB (70 %) eingespart werden.
Fehlerbehebung anzeigen
Browser-Caching nutzen
Das Festlegen eines Ablaufdatums oder eines Höchstalters in den HTTP-Headern für statische Ressourcen weist den Browser an, zuvor heruntergeladene Ressourcen über die lokale Festplatte anstatt über das Netzwerk zu laden.
Nutzen Sie Browser-Caching für die folgenden cachefähigen Ressourcen:
- http://rubular.com/assets/ajax-loader-53c95d088d11de11b87a110abf0ff9c5.gif (Ablaufdatum nicht festgelegt)
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js (Ablaufdatum nicht festgelegt)
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css (Ablaufdatum nicht festgelegt)
- http://www.google-analytics.com/ga.js (2 Stunden)
Fehlerbehebung anzeigen
JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen
Ihre Seite enthält 1 blockierende Skript-Ressourcen und 1 blockierende CSS-Ressourcen. Dies verursacht eine Verzögerung beim Rendern Ihrer Seite.
Keine der Seiteninhalte "above the fold" (ohne Scrollen sichtbar) konnten ohne Wartezeiten für das Laden der folgenden Ressourcen gerendert werden. Versuchen Sie, blockierende Ressourcen zu verschieben oder asynchron zu laden, oder laden Sie kritische Bereiche dieser Ressourcen direkt inline im HTML.
Entfernen Sie JavaScript, das das Rendering blockiert:
- http://rubular.com/assets/application-9825f7b9ae530c7f7dfba21d4e402d11.js
Optimieren Sie die CSS-Darstellung für die folgenden URLs:
- http://rubular.com/assets/application-f2e156d28da7ea6be432b1cbfbf2f29e.css
Fehlerbehebung anzeigen
7 bestandene Regeln
* Die Ergebnisse werden 30 Sekunden lang im Cache gespeichert. Wenn Sie Änderungen an Ihrer Seite vornehmen, warten Sie 30 Sekunden, bevor Sie den Test erneut durchführen.