Ladezeit verbessern blockierende JavaScript und CSS Inhalte beseitigen

[toppi]

Habe meine Webseite mit Pagespeed von Google überprüft.

Hierzu bekam ich folgenden Info:

Ich soll die blockierende JavaScript und CSS Inhalte beseitigen.

Deine Seite hat 2 Blockierungsskript Ressourcen und 2 Blockierung CSS Ressourcen. Dies führt zu einer Verzögerung bei der Wiedergabe Ihrer Seite.

Was kann/muss ich tun?
Kann mir hier jemand weiterhelfen?

Linkback: https://www.modified-shop.org/forum/index.php?topic=28053.0

[Aladin]

vll. das facebookplugin rausnehmen, mein Ghostery blockiert wegen dem facebook das ganze Menü.

[toppi]

Habe es ohne dem Facebookplugin probiert, aber dennoch diese Meldung:

Deine Seite hat 2 Blockierungsskript Ressourcen und 2 Blockierung CSS Ressourcen

[SonGoku]

isr doch beim Demo Shop auch nicht anders

hier kannste die URL vom demoShop eingeben
http://developers.google.com/speed/pagespeed/insights/

DemoShop
https://demo.modified-shop.org/tags/modified-1.06/

[noRiddle (revilonetz)]

Linke Seite wird von Ghostery blockiert, kann ich bestätigen.

Schau mal bitte mit Firebug in die Konsole.
Da hast du zwei Javascript-Fehler, wovon der zweite wohl eine Folge des ersten ist.
Wenn in der jQuery-Basisbibliothek Fehler sind frage ich moch woher du die hast.
Empfehlung:
Nimm jQuery 1.8.3, damit laufen auch Nivo-Slider, "Thickbox animated" usw. und man ist trotzdem auf modernem Stand.

Außerdem gibt es CSS-Fehler.

Die zweite Einheit bzgl. der thickbox.css kannst du ignorieren da es sich um nötige CSS-Hacks für alte IEs handelt
oder du gliederst diese Styles in eine thickbox-ie.css aus und implementierst das File per "conditional comments".

Gruß,
noRiddle

[toppi]

Schau mal bitte mit Firebug in die Konsole.
Da hast du zwei Javascript-Fehler

Was ist mit Konsole gemeint? In welcher Zeile soll ich hier mit Firebug nachsehen?

Außerdem gibt es CSS-Fehler.

Die CSS-Fehler sind mir bekannt. Hatte diese versucht schon zu korrigieren, aber dann war die Ansicht nicht mehr ok.

Vielleicht kann mir hier ja jemand weiterhelfen, wie ich diese CSS-Fehler problemlos korrigieren kann?

[toppi]

Betrifft die css-Fehler. Habe hier im Forum bezüglich der thickbox.css was gefunden:

Thickbox CSS Fehler in modified eCommerce Shopsoftware 1.05

Nun sind die css-Fehler dadurch bei mir komplett weg.

[noRiddle (revilonetz)]

Schau mal bitte mit Firebug in die Konsole.
Da hast du zwei Javascript-Fehler

Was ist mit Konsole gemeint? In welcher Zeile soll ich hier mit Firebug nachsehen?

Außerdem gibt es CSS-Fehler.

Die CSS-Fehler sind mir bekannt. Hatte diese versucht schon zu korrigieren, aber dann war die Ansicht nicht mehr ok.

Vielleicht kann mir hier ja jemand weiterhelfen, wie ich diese CSS-Fehler problemlos korrigieren kann?

Ich sagte ja, man könnte das unvalide CSS in eine spezielle *-ie.css  mit conditional comments ausgliedern, wenn man auf Validierung Wert legt.
Die nicht validen Styles sind Hacks für Internetexplorer älteren Datums.

Wenn du Firebug öffnest siehst du doch den Tab "Konsole".
Den klickst du an und reload-est die Seite.

Gruß,
noRiddle

[toppi]

@noRiddle

CSS-Fehler sind weg, die Seite ist nun komplett valide. 

Wenn du Firebug öffnest siehst du doch den Tab "Konsole".
Den klickst du an und reload-est die Seite.

Das ist die Fehlerausgabe:

Code: [Auswählen]

SyntaxError: missing } after property list


...ascript",text:"text/plain",_default:"**":e.accepts._default)}catch(ga){}if(e.bef...


jquery.js (Zeile 108, Spalte 60)
ReferenceError: $ is not defined


$(document).ready(function(){

thickbox.js (Zeile 10)
Was muss ich tun, um diese JS-Fehler zu beseitigen?

[noRiddle (revilonetz)]

Liest du eigtl. was man dir als Hilfe schreibt ?

Wenn in der jQuery-Basisbibliothek Fehler sind frage ich moch woher du die hast.
Empfehlung:
Nimm jQuery 1.8.3, damit laufen auch Nivo-Slider, "Thickbox animated" usw. und man ist trotzdem auf modernem Stand.

Tausche die jQuery-Basisbibliothek aus.

Gruß,
noRiddle

[toppi]

Wenn in der jQuery-Basisbibliothek Fehler sind frage ich moch woher du die hast.

Dieses war in einem Template bereits so enthalten.

Tausche die jQuery-Basisbibliothek aus.

Wie muss ich da vorgehen?

[noRiddle (revilonetz)]

In der Konsole steht doch rechts in welcher Datei der Fehler ist,
es sit deine jquery.js.

Also gehst du hier hin,
lädst dir ganz unten die 1.8.3 runter (am Besten minified) und tauscht sie in /templates/DEIN_TEMPALTE/javascript/ gegen deine aus.
Aufpassen, daß du sie auch gleich nennst,
will heißen, ich weiß ja nicht wie die neue down-ge-load-ete heißen wird.
Die nennst du auf deinem Rechner um in jquery.js und tauscht sie dann in besagtem Ordner auf deinem Server aus.

Gruß,
noRiddle

[toppi]

@noRiddle

Danke, hat alles prima geklappt