JSONP vs IFrame?

Bald werde ich brauchen, um zu bauen ein widget, dass einige unserer Kunden das einbetten in eigene Internetseiten.

Zukunftssichere mein widget embed-code wäre so etwas wie dieses:

<script type="text/javascript" src="path/to/remote/file.js"></script>
<div id="my_widget"></div>

Was sind die stärken und Schwächen des iframes vs JSONP?

Gibt es irgendwelche gängigen SEO-basierte Probleme mit iframes?

InformationsquelleAutor Haroldo | 2010-07-11
  1. 9

    Zunächst iframe und jsonp schließen sich nicht gegenseitig aus: die eine ist eine rendering bedeuten, die andere ist eine Kommunikation bedeuten.

    Ihre Wahl eher zwischen den im Dokument Integration (erstellen des widget innerhalb der host-DOM) oder im iframe-Integration (das bedeutet, dass eine neue, separate DOM-widget).

    Den Vorteil, dass Sie eine iframe sandboxing: keine Kollision zwischen Ihr widget und die Gastgeber javascript und css-Dateien. Das bedeutet, dass Sie können sicher:

    • verwenden/definieren, javascript-Bibliothek, die Sie möchten
    • verwenden Sie einfachen html-code, zusammen mit einfachen css-Regeln (welche, ist ein klarer bonus für die Wartung)

    Als für die Nachteile:

    • ein iframe ist schwer-Gewicht und können ernsthaft verlangsamen host-Seite Rendern
    • das iframe wird auch verbrauchen viel mehr Speicher und Ressourcen, was ein problem sein könnte, wenn der host-Seite ist gezielt auf Handys

    So, wenn es ist vernünftig anzunehmen Personen, die mit Ihrem widget bereit sein wird, um "anpassen", um Ihre Seiten für Sie, gehen Sie die im Dokument Weg. Wenn nicht, verwenden Sie einen iframe, aber verstehen die Grenzen.

    Als für SEO-Fragen, so lange, wie Sie dynamisch erstellen Sie das widget (egal ob es im Dokument oder mit einem iframe), Suchmaschinen werden es nicht sehen. Ich weiß nicht, ob das, was Sie wollen, aber das ist, was Sie bekommen 😉

    • Soweit die Leistung geht, wird ein iframe nicht zwangsläufig mehr load Aufwand als JSONp (und in der Tat, viele von Ihnen bieten weniger overhead). Ein iframe laden kann, asynchron, während JSONp-driven widgets erfordern die Seite vollständig zu laden, und fügen Sie Verweise auf externe Ressourcen, die Erweiterung der Seite zu laden.
    • Ich arbeitete mit einer Menge von ad-Anbieter, und ich kann Ihnen garantieren, dass die Lösung mit iframes sind performance-Killer. Es gibt einen Unterschied zwischen der Zeit, die es dauern wird, das widget zu laden (zum Beispiel, wenn es braucht das Dokument, um bereit zu sein) und die Zeit, die es dauern wird, für die host-Seite zu Rendern und benutzbar sein. Wenn das, was Sie waren, was impliziert über JSONP wurde wahr, als würde niemand Rat dynamisches Skript laden als eine Lösung zum schnellen Seitenaufbau.
    InformationsquelleAutor Julian Aubourg
  2. 1

    Heres einige Folien aus einer Präsentation auf cross-domain-scripting von Alex Sexton

    http://www.slideshare.net/SlexAxton/breaking-the-cross-domain-barrier

    Leider ist es nur die Folien, so fehlt die begleitenden Erklärungen, aber könnte hilfreich sein

    • Hier ist der screen cast der gleiche. MUST WATCH für jeden der Einnahme dieser Art von Aufgabe auf. alexsexton.com/?p=168
    • Die take-aways aus dieser Präsentation ist, dass wenn Sie cross-browser-Zeug heutzutage NICHT mit einer Bibliothek wie EasyXDM, du machst es falsch. Sie schreiben code, Sie brauchen nicht zu schreiben, und Sie können nicht tun es richtig, und Sie könnte fehlen, die auf änderungen in den Spezifikationen. Die Bibliotheken auf dem neuesten Stand mit änderungen und verwenden Sie die richtige und/oder beste Methode für welchen browser Ihre Benutzer verwenden.
    • Es wäre schön zu sehen, dass etwas von dem material von der Präsentation in Ihrer Antwort
    InformationsquelleAutor Okeydoke
  3. 0

    Wenn Sie API-Aufrufe und nur das abrufen von Daten, JSONP zu besserer Leistung führt. Wenn Sie die rendering-Sachen, dann müssen Sie iframes verwenden. Wenn Sie verhindern möchten, dass die host-Website aus Zugang zu Ihrem widget-Daten, iframes sind der Weg zu gehen. Aber wenn Ihre Daten öffentlich ist, dann JSONP wird in eine einfachere Umsetzung (da iframes bedeutet, dass Sie benötigen, um mit der Größenänderung). Auf der anderen Seite, iframes sorgen für eine gute CSS-sandboxing, so dass Sie nicht kollidieren mit der host-Seite mit CSS.

    InformationsquelleAutor daaku
  4. 0

    Ich wählte zu gehen mit JSONP. Sie können sehen, die details von, wie ich es umgesetzt hier:
    wenn ich damit auf partner-Websites zu veröffentlichen, meinen RSS-feed, wird das boost-mein SEO-ranking?

    Einige Leute gab, die Ihre Meinung über SEO. Ich bin noch nicht sicher, aber wenn es hilft SEO. Ich habe gerade eine Idee um es zu testen, obwohl, und ich werde tragen Sie es jetzt! Ich werde eine Seite nur mit JavaScript macht, dass die widget-feed (in diesem Fall). Dann verwende ich die Google Webmaster-Tools, um zu sehen, ob Google erkennt die keywords, die in der feed-Inhalte. Ich poste die Antwort auf den obigen link, nachdem ich die Ergebnisse bekommen.

    Wünsche uns das beste!

    Matt

    InformationsquelleAutor ma11hew28
Schreibe einen Kommentar