ABAKUS

Du hast dir diese Library wirklich nur im Vorgehen angesehen, oder? Wofür brauchst Du den Viewport und insbesondere bei der Breite? Im Zweifelsfalle ist alles erstens relativ und zweitens, wenn nicht anders angegeben, 100%. Komm jetzt aber nicht und frag, was Du bei Tablets machen sollst? Da gilt das Gleiche, weil die Library nicht nur zwischen PC und Mobile unterscheidet, sondern auch zwischen Smartphone und Tablet. Und wenns sein muss sogar zwischen verschiedenen Modellen.

Sind 81kb bei Dir eine große Datenbank?

@Micha_Es

Ich kenne Deinen Code nicht, also die gesamte Seite, aber was ich zu den Inline Scripten geschrieben habe, ist physikalisch nachgewiesen. Abgesehen macht man document.write schon lange nicht mehr. Musst mal in die Developer Console reinschauen, was Du da erzählt bekommst.

Die Breite des Viewports brauchst du beispielsweise, wenn du prüfen möchtest, ob du Platz für ein 728x90-Banner hast oder etwas Kleineres nehmen musst. Klar gibt's bei AdSense responsive Banner, allerdings performen die (zumindest bei mir) viel schlechter als ein entsprechendes Banner mit fixer Größe, und viele Netzwerke bieten sowieso nur Banner fester Größen.

Bin ich jetzt in einer Endlosschleife gefangen oder Du?

Wenn ich bereits bei der Auslieferung der Daten alles, von PHP bis zu den Bildern, entscheiden kann, wer (welches Gerät) was (z.B. Bild in der passenden Größe) bekommt, dann interessiert mich der Viewport nicht. Nachdem es bekanntermaßen unterschiedliche Auflösungen gibt, aber man nicht wirklich ein Bild in jeder passenden Größe verwenden kann, ist object-fit: cover mein Freund, wenn ich ein Bild universell für max-width 480px für Smartphones einsetze. Ich muss aber gestehen, dass ich je nach Gerät keine horizontale, bzw. vertikale Darstellung/Ansicht je nach Gerät "erlaube"/zulasse. Das reduziert den Darstellungsaufwand/Code ungemein.