Brauche CSS unterstützung

MaggieSmalls

Hallo,

ich möchte auf meiner Homepage das Menu größer erscheinen lassen.

http://www.audio-mg.com

Diesen Code zu meinem Menü hab ich in meinem Custom CSS bislang:

@media (min-width: 46.25em){
.menu-primary {
display: block;
float: none;
text-align: center;
position: ;
width: 100%;
left: 0;
top: 0;
padding: 3em 0;
background: #;
z-index: 999;

Danke für die Hilfe

Gastl

Ich sehe nur eine weiße Seite ohne Inhalt.

Bandit

.menu-item {
font-size: einWertDeinerWahl;

}

MaggieSmalls

Wie du siehst nur eine weißte Seite? Das kann eigentlich nicht sein!
Danke erstmal...füge ich den Code in den bestehenden ein oder ist er seperat? Beides habe ich probiert und es tut sich irgendwie nichts.

Gastl

Ja, im Firefox. Und der Opera benötigt sage und schreibe knapp 20 Sekunden, eh er die Seite anzeigt. Die Unterseiten benötigen 5 bis 10 Sekunden.

MaggieSmalls

Das ist schlecht...weißt du woran das liegen könnte?

MrMurphy

Hallo

Deine Seite funktioniert nur mit JavaScript, ohne oder mit blockiertem JavaScript wird überhaupt nichts angezeigt.

So ein Verhalten geht überhaupt nicht. Auch ohne JavaScript sollte der Inhalt der Seite komplett angezeigt werden und sie sollte uneingeschränkt benutzbar sein. Ansonsten werden viele Besucher abgeschreckt.

Wer einen JavaScript-Blocker verwendet wird kaum einen Grund sehen den für deine Seite abzustellen, sondern eher nach funktionierenden Seiten suchen.

Gruss

MrMurphy

MaggieSmalls

Das klingt logisch...

Habe bei google einen Speedtest gemacht mit folgendem Ergebniss:
[h=4]JavaScript- und CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen[/h]Ihre Seite enthält 1 blockierende Skript-Ressourcen und 3 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://audio-mg.com/wp-content/cache/minify/de46a.js

Optimieren Sie die CSS-Darstellung für die folgenden URLs:

Ich weiß allerdings nicht, wie ich diese Fehler behebe. Könnt ihr ich dadurch führen?

MrMurphy

Hallo

JavaScript ist durchschnittlich um den Faktor 10 langsamer als gleichwertige Lösungen mit CSS. Deshalb sollte, auch in Hinblick auf eher leistungsarme Smartphones und Tablets so weit wie möglich auf JavaScript verzichtet werden. Wobei es natürlich Probleme/Aufgaben gibt, die ohne JavaScript nicht lösbar sind.

Zitat

Ich weiß allerdings nicht, wie ich diese Fehler behebe.

Es handelt sich um keinen Fehler, sondern um einen ungeeigneten Grundansatz.

Da bleibt nur die Seite komplett neu zu erstellen und bei jedem JavaScript-Einsatz prüfen, ob der wirklich nötig tut.

Gruss

MrMurphy

Gastl

Bei meinem FF ist es definitiv abgestelltes JS. Mein Grundsatz ist, wer bei der Navigation oder dem Seitenaufbau auf JS setzt, ist es nicht Wert gesehen zu werden.

MaggieSmalls

Aber wenn Google offensichtlich einen Lösungsvorschlag hat, der nicht eine komplette Neuprogramierung verlangt?

https://developers.google.com/speed/docs/insights/BlockingJS

Gastl

Was hindert dich daran?

MaggieSmalls

Ja, wie oben bereits erwähnt verstehe ich das nicht und bräuchte dafür Hilfe.
Bzw das man es so erklären könnte, dass ein Laie es auch verstehen und umsetzen kann.

Gastl

Nun bin ich etwas irritiert. Es ist deine Webseite? Die hast du erstellt? Dann musst du doch wissen was du da gemacht hast? Also, ich gehe mal von mir aus. Alles was ich als Laie auf meiner Homepage geschrieben habe, kann ich 100% nachvollziehen und Fremden auch erklären. Du nicht? Wie gesagt, bin selber nur Laie, weshalb ich in anderer Leute Quellcode fast komplett aufgeschmissen bin.

Wahrscheinlich wurde dir deshalb auch vorgeschlagen komplett neu zu beginnen.

Tags