Wie kann man Facebook like Button Ladezeiten verbessern?
TEAM
12 Punkte
von andylenz77 Geek vor ca einem Jahr
Auf unserer http://t3n.de Startseite und auf der Single-View-Ansicht einzelner News haben wir ja diverse Facebook Like Buttons und Facebook Share Buttons integriert. Leider dauert es oft sehr lange bis die Facebook Buttons fertig geladen sind. Welche Mittel, Wege und Ideen habt Ihr, um das Problem in den Griff zu bekommen? Alles Ideen außer “weglassen” sind willkommen ;)
Nachträglich bearbeitet am 13.10.10 20:18
- Tags:
- facebook 53
5 Antworten
2 Punkte
von fnagel Geek vor ca einem Jahr
Spontan würde mir da nur Bilder selbst hosten einfallen. Evtl. in Verknüpfung mit einer Einbindung erst bei Click. Das spart Ladezeit und trackt nicht mehr jeden Besucher bei FB.
Nachträglich bearbeitet am 13.10.10 13:53
Kommentare
-
vor ca einem Jahrmacx: Nicht die Bilder sind das Problem, sondern die Funktion. Wenn der User auf einen Facebook- oder Twitterbutton klickt, soll auch was passieren. Da weder Twitter noch Facebook eine API anbinden, die ich so gezielt ansteuern könnte (Like das und gib mir ein success oder false zurück), bleibt nur der Weg über ein iFrame (über JavaScript eingebunden).
2 Punkte
von no5251 Geek vor ca einem Jahr
Die Daten von FB unabhängig von der Seite nachladen.
Wie z.B. hier für GA beschrieben:
http://playground.ebiene.de/2148/google-analytics-mit-jquery/
Nachträglich bearbeitet am 13.10.10 13:53
Kommentare
-
vor ca einem Jahr
macx: Das Facebook-Script laden wir via jQuery bereits nachträglich hinzu. Die Seite ist erst fertig geladen, dann kommt Facebook. Doch für den Nutzer bleibt es gleich: Die gesamte Ladezeit dauert lange.
-
vor ca einem Jahrfnagel: Sowas in der Art meinte ich ja. Button kommt vom eigenen Server, Scripte kommen erst wenn der User bereits geklickt hat.
-
vor ca einem Jahr
macx: Bringt uns ja leider auch nichts, weil wir so die aktuellen Zahlen nicht einblenden könnten. Der Traum wäre eine API-Abfrage an Hand der URL und ein AJAX-Call um zu voten/liken. Dann könnten wir die Informationen vor dem Seitenaufbau bereitstellen. Doch die Dienste sind längst nicht so offen, wie wir uns das wünschen würden.
2 Punkte
von t3nf4n Rookie vor ca einem Jahr
Es gibt die Möglichkeit des asynchronen Ladens der Daten. Am Besten du fügst den nachfolgenden Code nach dem <body> -Tag ein.
Nachträglich bearbeitet am 13.10.10 17:30
Code
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: 'DEINE FACEBOOK APP ID',
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
logging: true, // logging the status
xfbml: true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/de_DE/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
} ());
</script>Kommentare
-
vor ca einem Jahr
macx: Das tun wir bereits, on Top sogar noch über jQuery.
2 Punkte
von sven.maddesigns.de Rookie vor ca einem Jahr
Steve Souders hatte das mal untersucht und ist zum Ergebnis gekommen, dass nicht viel zu optimieren wäre… async wäre ach hier das Stichwort
Nachträglich bearbeitet am 13.10.10 20:24
0 Punkte
von spiracle Alpha Geek vor ca einem Jahr
Spontan – einfach per Ajax nachladen. Dann ist das ganze nicht so kritisch.
Alternative per cron einfach alle Stunde den Code von Facebook abgreifen, auf den eigenen Server kopieren und von da einbauen.
Antwort schreiben
Um eine Antwort schreiben zu können, sollest du dich zuvor anmelden.
100.000+ Community-User. Mach mit!
Unser neuestes Video auf YouTube:
Weitere Videos findest in unserem t3n-YouTube-ChannelCloud Coding, Google+ für iPhone und Facebook App Center [TechnikLOAD 83]
Unsere RSS-Feeds
Wer steckt hinter t3n?
Welche Köpfe stecken hinter t3n und wie kannst du ihnen bei Facebook, Google+ oder Twitter folgen? Wirf doch mal einen Blick auf unsere Teamseite.
Das t3n-Team