Jump to content

CSS & JavaScript auslagern und reduzieren?


bleumel

Recommended Posts

Moin,

weiß jemand eine Seite, Tutorial usw. womit ich mich in CSS und Javascript einlesen kann?

Hintergrund, nach einer SEO Analyse wird mir berichtet, z.B.:

"Es wurden 32 Style Attribute im <body> Tag gefunden.
Man sollte diese in eine externe CSS Datei auslagern."

oder

"Es werden 47 externe CSS Dateien geladen.
Man sollte die eingebundenen CSS Dateien auf 3-4 reduzieren."

oder

"Es wurden 17 Inline JavaScript Bereiche im HTML Dokument gefunden.
Man sollte diese in eine externe JavaScript Datei auslagern."

oder

"Es werden 44 externe JavaScript Dateien geladen.
Man sollte die eingebundenen JavaScript Dateien auf 3-4 reduzieren."

 

Für mich erst mal alles Bahnhof, würde es aber gerne verstehen wollen und mich dann an´s optimieren machen.

Oder gibt es gar ein Modul, welches diese Dinge verbessern kann?

 

Danke & Ahoi

Micha

 

Link to comment
Share on other sites

etwas zum Einlesen z.B. hier:

https://www.w3schools.com/css/css_intro.asp

oder hier:

https://developer.mozilla.org/de/Learn/Getting_started_with_the_web/JavaScript_basis

Zu den Problemen:

Es wurden 32 Style Attribute im <body> Tag gefunden. => die Attribute sollten nicht im Quelltext bzw. direkt im Body Tag stehen sondern extern in einer CSS-Datei.

werden 47 externe CSS Dateien geladen.  => kann man unter Erweitert => Leistung direkt im Backoffice so aktivieren, dass CSS und Javascript in einer Datei zusammengefasst werden. Diese Einstellung findet man zB unter

Smart Cache für Stylesheets sowie
Smart Cache für Javascript

 

 

Link to comment
Share on other sites

vor 17 Stunden schrieb Scully:

Smart Cache für Stylesheets sowie
Smart Cache für Javascript

Danke, Scully!

 

Ah, ok, die CCC. da habe ich mich bisher nie rangetraut.

habe aber einige Empfehlungen gefunden. Vielleicht löst das ja schon die ein oder andere SEO Empfehlung.

 

Javascript ans Ende nimmt er.

bei Smart Cache für Java sowie CSS bekomme ich eine Fehlermeldung:

Zitat

Verzeichnis benötigt Schreibrechte für die Nutzung von Smart Cache.

Ich habe darauf den Cache Ordner auf 777 geändert, nutzt aber nichts. Fehler bleibt. 

Hast du n Tipp?

Link to comment
Share on other sites

Gefunden!

 

Nicht der "allgemeine" Cache ordner ist gemeint, sondern der im theme Verzeichnis.

Da ich anfangs allerdings ein neues default-thema erstellt bzw umbenannt hatte, ist mein Standard-Theme also ein anderes.

DORT war kein Cache ordner angelegt (warum auch immer...)

Diesen also im aktiven theme angelegt und mit 755 Rechten belegt.

Nun klappt die CCC Einstellung.

Link to comment
Share on other sites

Ich bin nun lt. Test von 0,67 auf 0,45  und 0,55 sek Ladezeit runter.

Ich bekomme nun immer noch folgende Empfehlungen:

Zitat

 

Es wurden 53 Style Attribute im <body> Tag gefunden.
Man sollte diese in eine externe CSS Datei auslagern.

Es wurden Inline CSS Style Tags gefunden.
Man sollte diese in eine externe CSS Datei auslagern.

Es wurden 4 Inline JavaScript Bereiche im HTML Dokument gefunden.
Man sollte diese in eine externe JavaScript Datei auslagern.

Es werden 6 externe JavaScript Dateien geladen.
Man sollte die eingebundenen JavaScript Dateien auf 3-4 reduzieren.

 


 

Sollte ich mir bei meinen Ladezeiten überhaupt weiter Gedanken darüber machen?

Kann man noch schneller mit Presta werden? Oder würdet ihr das "gut sein lassen"?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...