Problem mit Firefox (nur in Windows)

[Snake20x]

Hey Freunde.

Ich hab ein Problem und find den Fehler nicht.
auf meiner Webseite "vision-ex.de"

die Seite läd normal in allen Browsern auch in Firefox aufm MAC.

Aber im Windows Firefox hängt der "Preloader" hat jemand ne Idee warum?
Ich find es nicht.

Wäre MEGA wenn jemand was findet.

Liebe Grüße

 

[Snake20x]

Ich bin nur der Praktikant und soll das Problem lösen :-/
Jetzt hab ich rausgefunden, das es wohl in der Plugin.js den Fehler von der Swiper.min.js.map auswirft.
Aber wie finde ich das?

 

[Sempervivum]

Dass der Loader ewig lange dauert, kann ich im FF nachvollziehen aber ich sehe keinen Fehler, der aus der plugin.js kommt?

 

[Snake20x]

Es scheint ein Error in der plugin.js zu sein,... die (Swiper.min.js.map fehlt) die gibt im Debugger ein 404 aus?!?! Seh ich das richtig?

 

[Sempervivum]

Nein, bei mir nicht. Kann den Fehler nicht reproduzieren. Ich habe mir das Netzwerk-Tab angesehen und finde dort keinen Fehler 404, sondern alles im grünen Bereich.

 

[Snake20x]

Ich finde das.

Windows / Firefox

Aber ich lerne es ja erst, und bin sehr unsicher.

 

[Sempervivum]

Ach so, die Warnung sehe ich auch. Ich hatte nur keinen Zusammenhang zu dem Problem mit dem Loader gesehen, weil die Sourcemap für Suchmaschinen ist und, AFAIK, nicht zwingend erforderlich.

 

[Snake20x]

Ja aber läuft der preloader nicht über diese Datei?
Ich hab mir angeschaut was der Swiper macht?
In der Plugin.js steht das:

/**
* Swiper 5.2.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 26, 2019
*/

Und dann eben der Code.
Wenn ich mir das anschaue auf deren Webseite, wird das doch der SWIPE zur Startseite sein oder?
Weil direkt nach dem Loader greift doch der Swiper, wenn ich es richtig kapiere.

 

[Sempervivum]

Der Swiper macht diese Slideshow, die man sieht, wenn die Seite dann offen ist. Auch da kann ich keinen Zusammenhang mit dem Fehler erkennen, auch nicht mit dem Loader.
Das Plugin, das den Loader managed, heißt Pace. Aber da dieses plugins.js minimiert ist, komme ich nicht weiter. Binde am besten ein nicht-minimierte Version für die Entwicklung ein.

 

[Sempervivum]

Das Problem wird hier diskutiert und Lösungen angeboten. Versuch mal ob Du damit zum Ziel kommst.
https://github.com/CodeByZach/pace/issues/510

 

[Snake20x]

Ich hab mir das grad angeschaut, erstmal vielen lieben dank für deine Mühe!
Jedoch bin ich noch ganz am Anfang, ich verstehe nicht wie das funktioniert.

Also das hier der Eventlag disabled werden soll, versteh ich, aber wo? In der Plugin.js?
Das verwirrt mich grad echt stark.

Guck mal, den swiper Fehler hab ich gefunden und gefixt.
Aber wie disabled ich das und vor allem "NUR" in Firefox? Das übersteigt grad mein komplettes Verständnis :-(

 

[Sempervivum]

Das findest Du in scripts.js wenn du nach Pace suchst, ab Zeile 656. Aber wahrscheinlich haben wir uns zu früh gefreut, denn dort ist der Eventlag schon disabled. Jetzt stehe ich erst Mal wieder ratlos davor.

 

[Snake20x]

Ich glaub ich habs!
Könntest du nochmal testen?

DANKE für deine Hilfe...
Siehst du auf den ersten Blick sonst noch Fehler?

Das hätte ich ohne Dich nie gefunden ;-)

Könntest mir erklären wie du gefunden hast das das "PACE" ist?

 

[Snake20x]

Ich hab das in die Plugin.js kopiert. (Da ich nicht wusste wohin hab ich getestet)

$(function(){
    Pace.stop();
    Pace.options = {
  ajax: false, // disabled
  document: false, // disabled
  eventLag: false, // disabled
  elements: {
    selectors: ['body'],
  },
   restartOnRequestAfter: false,
   restartOnPushState: false
};
});



jQuery('.thumb').click(function(e){
    Pace.start();
});

Hatte gegoogelt und den Code gefunden! :-/ Ich verstehe es aber nur zu teilen.

 

[Sempervivum]

Perfekt! Ich verstehe, wie es funktioniert aber wie bist Du auf diese Lösung gekommen?

Könntest mir erklären wie du gefunden hast das das "PACE" ist?

Bist Du schon mit dem Seiteninspektor deines Browsers vertraut?
https://wiki.selfhtml.org/wiki/Grun...ntersuchung des betreffenden Elements erlaubt.
Der ist unverzichtbar bei der Webentwicklung und gerade bei so verzwickten Problemen.
Als erstes habe ich mir die Elemente des Loaders angesehen: Rechtsklick darauf und "(Element) untersuchen", dann zeigt der Browser es an. Dann gerätselt, wie sie zum Verschwinden gebracht werden. Also die Elemente angesehen, wenn sie verschwunden sind und bemerkt, dass sie dann eine Klasse "isfinish" haben. Diese musste irgend wie durch Javascript gesetzt werden. Blieb nur noch, herauszufinden, wer diese Klasse setzt. Also plugins.js nach diesem String durchsucht und bei Pace gefunden.

 

[Snake20x]

Nein den Seiteninspektor kenn ich zwar, aber kenne mich noch nicht gut damit aus. Aber dein Wiki Link werd ich morgen mir als Hausaufgabe geben, und mir das genau anschauen.

WIE ich drauf gekommen bin? Zufall ;-)
Du schriebst es ist Pace, durch den Beitrag von dir fand ich das es am Eventlag anscheinend lag und viele das Problem haben.
Und mit den Code Schnipseln von der Seite hatte es nicht funktioniert.
Dann hab ich gegoogelt und das gefunden was ich oben gepostet habe eingefügt, und da du grad nicht da warst, dachte ich: "Hey hau es mal in die Plugin.js" wenns nicht geht löschst es halt wieder.

Und dann ging es *lach*
Aber großes Dankeschön erstmal an dich. Jetzt hab ich die Fehler fast weg.

Darf ich noch was fragen?
Was hat es mit dem MIME-TYP bei dem Googletag auf sich?
Das zeigt die Console ja auch noch als Fehler?!?!

Jetzt hab ich Ehrgeiz und will das alle Warnungen weg sind *grins*

 

[Sempervivum]

Den Mime-Typ finde ich nicht in der Console.
Der Mime-Typ gibt an, von welchem Typ die Daten, die übertragen werden, sind, z. B. einfacher Text oder ein JPG-Bild. Genaueres kannst Du z. B. bei Wikipedia nachchlesen:
https://de.wikipedia.org/wiki/Internet_Media_Type

 

[Snake20x]

Perfekt. Das werd ich dann definitiv hinbekommen!
Ich sag vielen DANK

Klasse Support.

CLOSED! ;-)

 

[Sempervivum]

Immer gern, freut mich, dass ich dazu beitragen konnte, das Problem zu lösen.

 

[Snake20x]

Mega... ohne dich hätte ich es nicht gefunden ;-)
Komme sich nochmal mit anderen Sachen ;-)