Beiträge von TheRiddler1982

Hast du noch weitere Ideen, an was das liegen kann? Ich tippe irgendwie auf SSL, da in meiner lokalen Entwicklungsentgebung, die eine 1:1 Spiegelung der Produktion von heute ist, alles funktioniert. Ich bin am Verzweifeln.

Hi,

danke für den Tipp mit dem DNS Cache. Habe diesen nun geleert (sudo dscacheutil -flushcache;sudo killall -HUP mDNSResponder;).

Leider hat dies bei mir keine Auswirkung :-(. Nutzt du Firefox auf einem HiDPI Bildschirm?

Hi zusammen,

ich habe ein ganz merkwürdiges Problem mit Firefox. Habe vor kurzem meine Webseite http://ziin.de vollkommen auf https umgestellt. Das hat wunderbar geklappt, bis auf eine Ausnahme: Firefox macht mit mit Clipping Masks Probleme, wenn die Seite über http://ziin.de aufgerufen wird, die dann zu https://ziin.de weiterleitet. Chrome, Opera und Safari sind hiervon nicht betroffen.

Ich nutze auf meiner Startseite viele Clippingmasks in Form von Diagonalen. Rufe ich meine Startseite über http://ziin.de auf, dann bekomme ich folgenden Renderer:

https://ziin.de/HTTP-Aufruf.jpg

Das Clipping wird nicht angewendet. Rufe ich dagegen explizit die https-Seite auf, rendert mir Firefox das Clipping sauber:

https://ziin.de/HTTPS-Aufruf.jpg

Habe schon über die .htaccess oder die httpd.conf versucht, von dort gleich die HTTPS Weiterleitung zu aktivieren, aber ohne Erfolg.

Mein Webserver läuft auf Debian 8 mit Apache 2.4.16 (OpenSSL 1.0.2).

Muss ich was am CSS verändern oder an der Konfiguration von meinem Webserver?

Ich danke Euch!

Hi,

hat keiner von euch eine Idee? Ich brauche nur ein paar Schlagwörter, Codebeispiele, den Rest mach ich selber

Danke und viele Grüße,
Sven

Hi zusammen,

ich hoffe, dass ihr mir helfen könnt. Ich bin mit meinem Latein am Ende und brauche eure Expertise, da ich kein CSS und Optimierungsguru bin [Blockierte Grafik: http://xhtmlforum.de/images/smilies/icon_smile.gif].

Es geht um meine Homepage http://www.ziin.de. Hier nutze ich einen Parallaxeneffekt für meinen Hintergrund, der mittels JavaScript und dem Ändern der background-position funktioniert. Das läuft unter geringen Auflösungen fließend (40fps +), aber unter Retinaauflösungen (PixelRatio = 2) ruckelt das Ganze mit 7-12fps vor sich hin (Firefox, Chrome und Safari).

Ich habe dann gelesen, dass man hardwarebeschleunigte CSS Eigenschaften verwenden soll wie translate3d. Jedoch habe ich keine Ahnung, wie ich das bewerkstelligen soll, wenn es sich um ein Hintergrundbild handelt. Ich habe zwei Seiten gefunden, welche Beispiele zeigen, aber ohne Hintergrund:

http://davegamache.com/parallax/

sowie

https://pixelcog.github.io/parallax.js/

Unter

http://blogs.sitepointstatic.com/examples/tech/…form/index.html

habe ich eine Idee bekommen, wie ich einen Hintergrund in einem DIV Container mit translate3d bearbeiten kann. Aber wenn ich hier translate3d anwende, dann funktioniert das mit dem Background repeat nicht, da ich ja den DIV Container transformiere. Und wenn ich den verschiebe, dann wird der ja nicht wie "repeat" fortgeführt.

Wie kann ich meinen Hintergrund flüssig beim Scrollen bekommen?

Danke für Eure Hilfe!!!

Viele Grüße,
Sven