Was ist das für eine CSS-Ressource

Persephone · **Persephone** » 04.06.2017, 12:43 **Was ist das für eine CSS-Ressource**

nerd hat geschrieben:wenn man die sache mit den browsertools sehen kann, dann weiss man sofort wo der fehler liegt. Du beschreibst hier irgendwelche einstellungen bei wordpress(?) mit 'Critical Path Generator' (???) wo ich keine ahnung habe was die einzelnen optionen wirklich machen.
CSS inline ausgeben ist scheisse, weil die stylesheets dann natuerlich nicht gecacht werden koennen. Dann sagst du weiter unten das du "neue CSS Fehler angezeigt: " bekommst, erklaerst aber nicht welche fehler das sein sollen und listest 2 urls zu google fonts - was soll man damit anfangen?

Auf meine Fragen hast du nicht geantwortet, aber rummeckern.

Die Sache mit den Browsertools, damit ist PageSpeed gemeint, oder?
Also, die Seite zeigt mir auch nur die URL´s an, die ich hier gepostet habe, mehr sehe ich auch nicht. Das ist ganz normal und kein Fehler von mir. Gerne kann ich einen Scrennshot davon posten, habe aber jetzt keine Zeit herausfinden, wie das hier funktioniert

Critical Path Generator ist ein Open Source Programm, mit dem du Fehler im Quelltext bearbeiten kannst. Mit dem Tool habe ich den Content Cache CSS PHP Fehler korrigiert. Im Plugin Autoptimize und nicht Wordpress habe ich die Einstellungen vorgenommen. So wie bereits oben beschrieben. Wenn du das alles nicht weißt und kennst, wirst du mir schlecht helfen können. Das sind nun mal die Voraussetzung dafür und liegt in der Natur der Sache.

Mogli, tell me something I don´t know, chiao!

https://jonassebastianohlsson.com/criti ... generator/
[/img][/url]

mogli · **mogli** » 04.06.2017, 13:11 **Was ist das für eine CSS-Ressource**

Persephone hat geschrieben: Mogli, tell me something I don´t know, chiao!

Sorry, aber du bist hier derjenige, der mit dem korrekten Setup seiner Seite überfordert ist und Hilfe braucht. Da würde ich mal schnell eine andere Intonation veranschlagen, sonst wird es für dich noch schwieriger an Antworten zu kommen.

Ganz wichtig natürlich auch weiterhin: Bloß nicht die Seitenadresse selbst nennen, damit die Fehlersuche (auch im Hinblick auf deine recht wirren Beschreibungen) spannend bleibt.

heinrich · **heinrich** » 04.06.2017, 14:57 **Was ist das für eine CSS-Ressource**

BTW: Um wieviele K Ersparnis handelt es sich denn überhaupt? PageSpeed Insights liefert Schwachsinn, wenn es um ein paar Byte geht …

nerd · **nerd** » 05.06.2017, 01:28 **Was ist das für eine CSS-Ressource**

Persephone hat geschrieben:Die Sache mit den Browsertools, damit ist PageSpeed gemeint, oder?

Nein, eigentlich genau das gegenteil....

Persephone hat geschrieben:Also, die Seite zeigt mir auch nur die URL´s an, die ich hier gepostet habe, mehr sehe ich auch nicht. Das ist ganz normal und kein Fehler von mir.

Eine URL ist eine URL, und keine fehlermeldung.

Persephone hat geschrieben:Gerne kann ich einen Scrennshot davon posten, habe aber jetzt keine Zeit herausfinden, wie das hier funktioniert

Persephone hat geschrieben:Critical Path Generator ist ein Open Source Programm, mit dem du Fehler im Quelltext bearbeiten kannst.

Du hast absolut nichts verstanden, und kopierst nur irgendwelche codezeilen ohne sinn und verstand von einem fenster ins andere! Wie man auf https://jonassebastianohlsson.com/criti ... r/#what-is selbst nachlesen kann, fasst es die externen CSS files nur zusammen damit man sie inline im head einfuegen kann! Damit werden keine fehler magisch repariert, es werden nur die dateiinhalte ausgelesen und aneinandergefuegt - und dafuer braucht man kein tool!
Fehler in CSS bearbeitet man mit einem 08/15 texteditor oder den browsertools wenn man nichts anderes hat.

Persephone hat geschrieben:Mit dem Tool habe ich den Content Cache CSS PHP Fehler korrigiert.

Ohje, Ich glaube du wirfst hier nur irgendwelche abkuerzungen zusammen die du mal irgendwo aufgeschnappt hast, ohne zu wissen was sie bedeuten.
Welche farbe hatte der Content Cache CSS PHP denn?

Persephone hat geschrieben:Im Plugin Autoptimize und nicht Wordpress habe ich die Einstellungen vorgenommen. So wie bereits oben beschrieben. Wenn du das alles nicht weißt und kennst, wirst du mir schlecht helfen können.

Was fuer ein unsinn. Wenn man CSS und HTML kann und die browser fehlermeldungen versteht, dann kann man jeden fehler reparieren - voellig egal mit welchem CMS, oder auf welcher plattform und mit welchen plugins er erstellt wurde.

bncms · **bncms** » 05.06.2017, 02:06 **Was ist das für eine CSS-Ressource**

Du musst im Quellcode in Firefox einmal auf die autooptimize.php klicken, dann sollte sie angezeigt werden. Wenn es nicht geschieht, dann ist es ein falscher Link. Sonst gib doch den Code mal durch.

Inline css solltest du wohl nicht machen.

Die Schriften kannst du oft auch runterladen, dann musst du sie nicht von extern laden und erhälst so auch noch etwas mehr Geschwindigkeit.

Persephone · **Persephone** » 05.06.2017, 05:12 **Was ist das für eine CSS-Ressource**

bncms hat geschrieben:Du musst im Quellcode in Firefox einmal auf die autooptimize.php klicken, dann sollte sie angezeigt werden. Wenn es nicht geschieht, dann ist es ein falscher Link. Sonst gib doch den Code mal durch.

Den Fehler habe ich bereits korrigiert?

bncms hat geschrieben:Inline css solltest du wohl nicht machen

Wie kommst du darauf, dass ich das will?

bncms hat geschrieben:Die Schriften kannst du oft auch runterladen, dann musst du sie nicht von extern laden und erhälst so auch noch etwas mehr Geschwindigkeit.

Das ist nicht das Problem!

PS: Die URL zu deiner Homepage b.z.w. Website solltest du bei Gelegenheit mal optimieren.

mogli · **mogli** » 05.06.2017, 11:24 **Was ist das für eine CSS-Ressource**

Hallo Sonja,

trotz deiner sehr zickigen Art habe ich mir jetzt dank deines Links unter deinen Beiträgen deine Website (https://astronja.de) angeschaut. Vorweg:

Der Titel ist wirklich eine sehr schöne Symbiose aus deinem Schwerpunkt Astrologie und deinem Vornamen Sonja. Klingt richtig gut!

Nun zu deinen geschilderten Fehlern, die du bei Pagespeed Insights angetroffen hast: https://developers.google.com/speed/pag ... tab=mobile

Dazu hast du ja die Tage geschrieben:

Bis jetzt habe ich alles alleine erarbeitet!
In den letzten Stunden habe ich das Internet zum Thema CSS-Ressourcen, die das Rendering blockieren, in Inhalten "above the fold" (ohne Scrollen sichtbar) beseitigen
https://fonts.googleapis.com/css?family ... &ver=4.7.5
und
https://fonts.googleapis.com/css?family ... &ver=4.7.5
durchforstet.

Nach Überprüfung deiner Seite, die auf dem Wordpress-Theme "Blogoma" basiert, muss ich erneut auf meine erste Antwort verweisen. Die beiden blockierenden Google-Fonts sind im Quellcode des Themes und müssen entsprechend dort entfernt (und ggfs. die CSS-Dateien dann anpassen) oder asynchron eingebunden werden.

Deine schnippische Antwort auf meinen Hinweis ("Mogli, tell me something I don´t know, chiao!") kann ich mir also weiterhin nicht erklären, denn wenn du das gewusst hättest, wäre das Problem bereits beseitigt. Nur Optionen in Autoptimize zu aktivieren und deaktivieren reicht eben nicht, wie du ja selber feststellen konntest.

PS: Die URL zu deiner Homepage b.z.w. Website solltest du bei Gelegenheit mal optimieren.

Da wir gerade bei ungefragten Tipps sind: In deinem Impressum fehlt dein Name und du bist dort auch noch in anderen Punkten abmahngefährdert.

Abschließend wünsche ich dir natürlich alles Sternenglück dieser Welt und allseits gute Schwingungen. Laut deiner Startseite befindet sich die Sonne ja seit gestern Abend 18:13 MESZ in einem Spannungsquadrat zu Neptun. Genießen wir das also in vollen Zügen!

Persephone · **Persephone** » 05.06.2017, 14:09 **Was ist das für eine CSS-Ressource**

Noch einmal, das weiß ich bereits, meine Frage war, wie löse ich das Problem mit den Google Fonts?

Cash · **Cash** » 05.06.2017, 15:20 **Was ist das für eine CSS-Ressource**

mogli hat geschrieben:...
Nach Überprüfung deiner Seite, die auf dem Wordpress-Theme "Blogoma" basiert, muss ich erneut auf meine erste Antwort verweisen. Die beiden blockierenden Google-Fonts sind im Quellcode des Themes und müssen entsprechend dort entfernt (und ggfs. die CSS-Dateien dann anpassen) oder asynchron eingebunden werden.
...

Hier steht die Lösung deines Problems.

In das CSS gehört dann noch ein Eintrag für den Font.
Sowas in der Art:

Code: Alles auswählen

body &#123; 
font-size&#58; 1em; 
font-family&#58; arial, tahoma, sans-serif; 
&#125;

Persephone · **Persephone** » 05.06.2017, 17:01 **Was ist das für eine CSS-Ressource**

In das CSS gehört dann noch ein Eintrag für den Font.
Sowas in der Art:
Code:
body {
font-size: 1em;
font-family: arial, tahoma, sans-serif;
}

Danke für den Code, den Rest schaffe ich allein.

bncms · **bncms** » 05.06.2017, 19:25 **Was ist das für eine CSS-Ressource**

Wie meinst du URL optimieren?

nerd · **nerd** » 07.06.2017, 02:27 **Was ist das für eine CSS-Ressource**

Am besten finde ich immernoch das gekachelte hintergrundbild:

https://astronja.de/wp-content/uploads/Back-1.jpg

Und mit nur 5.9kB isses auch superprima auf pagespeed optimiert!

Persephone · **Persephone** » 07.06.2017, 02:55 **Was ist das für eine CSS-Ressource**

Eins vorweg, mein Tipp war ehrlich und nicht abwertend oder als Schlagabtausch gemeint. Ich habe nicht hinter dir her geschnüffelt, noch war ich auf deiner Seite. Den Link zu deiner Seite sehe ich in deiner Signatur. Der Link ist nicht falsch oder kaputt aber das Auge liest mit. In den Einstellung von WordPress hast du die Möglichkeit, benutzerdefinierte URL-Strukturen für Permalinks zu erstellen. Benutzerdefinierte URL-Strukturen verbessern Aussehen, Benutzerfreundlichkeit und Zukunftssicherheit deiner Links. Wenn du das jetzt für unwichtig, dumm oder falsch hältst, dann ändere nichts. Denen, die keine Ahnung haben fällt es nicht auf, die Konkurrenz grinst und schweigt und dem Rest ist es egal oder will keinen Ärger haben.