Jemand hat mir eine E-Mail geschrieben
Welchen Ansatz soll ich beim Erstellen einer Website verfolgen?
- Eine einzige responsive Website erstellen
- Eine Website auf einer einzigen Domain erstellen, aber Mobilgeräte erkennen und eine separate mobile Website rendern
- Erstellen Sie eine separate mobile Website auf einer Subdomain
Es ist lustig, wie schnell riesige, branchendefinierende Gespräche in Vergessenheit geraten. Dies war wahrscheinlich die größte Frage im Webdesign und in der Webentwicklung im letzten Jahrzehnt, und wir haben eine Antwort gefunden: Es ist die #1, Sie sollten eine responsive Website erstellen. Jede andere Antwort bedeutet, dass Sie mehrere Websites erstellen, und der Schmerz davon kommt im Wesentlichen von der Verdoppelung der Arbeitslast, der Spaltung von Teams, Kommunikationsproblemen zwischen diesen Teams, Inkonsistenzen zwischen den Websites und einem Eisberg anderer Schmerzpunkte, mit denen diese Branche seit Ewigkeiten kämpft.
Aber das Web ist ein großer Ort.
Dieser E-Mailer erwähnte speziell imdb.com als Beispiel. IMDB ist eine absolut riesige Website mit einem großen Team (sie gehören zu Amazon) und viel Geld. Wenn das IMDB-Team beschließt, dass es besser wäre, mehrere Websites zu erstellen, nun, das ist deren Geschäft. Sie haben die Ressourcen, um zu tun, was auch immer sie wollen.
Ich persönlich habe mich für die zweite Option entschieden. Warum. Man kann keinen quadratischen Stift in ein rundes Loch stecken. Ja, es ist schmerzhaft, aber besser als eine Website mit schrecklichem Layout zu sehen, die der Kunde auf einem kleinen Bildschirm ohne Scrollen nach links und rechts nicht lesen kann. Sie haben den Effekt der Kontinuität verloren, so dass die gesamte Seite nutzlos ist.
Wissen Sie überhaupt, was eine responsive Website ist? Diese haben keine horizontalen Scrollbalken... es sei denn, der Entwickler hat schlechte Arbeit geleistet :)
Ich würde empfehlen, sich anzusehen, wie einige responsive Komponentenbibliotheken funktionieren. https://getbootstrap.com/docs/4.4/layout/overview/
Responsive Websites können und sollten absolut perfekt auf Mobilgeräten und Desktops funktionieren, und die Mehrheit der Unternehmen, Blogs, persönlichen Websites usw. funktionieren mit einer einzigen Codebasis problemlos auf vielen Geräten. Selbst das Problem, dass sich die Position von Inhalten auf Mobilgeräten verschiebt, kann mit modernem CSS (Stichwort: Flex-Order) gelöst werden. Unterschätzen Sie niemals die Macht von Media Queries und dem Ermessen des Entwicklers. Gelegentliche Kompromisse beim Design oder der Erstellung sind besser, als sich in einen schmerzhaften Prozess zu verstricken, den Sie später bereuen. Wie immer im Web gilt: Wenn Sie verbessern *können*, dann *tun* Sie es.
Klingt, als wüsste jemand nicht, was eine responsive Website ist.
Denken Sie daran, dass es einen Unterschied zwischen responsiv und adaptiv gibt.
Ich habe keine Details zu Ihren spezifischen Anforderungen, daher ist es möglich, dass Sie der Sonderfall sind, der die Regel bestätigt.
Im Allgemeinen ist es jedoch unwahrscheinlich, dass eine Webseite schlechter ist, wenn sie responsiv erstellt wird. Es ist eine Frage der Kompetenz des Teams.
Responsive und schlanke Websites sind definitiv der richtige Weg, aber ich bin neugierig, wie andere Entwickler Google AMP sehen. Lohnt es sich manchmal, eine vollständig responsive Website UND eine AMP-Version zu erstellen?
Für mich hängt es von den Bedürfnissen Ihrer Website ab. AMP erlaubt Ihnen nicht, JavaScript massiv zu nutzen, aufgrund der Beschränkung der JS-Größe, die es zulässt. Das kann aus Performance-Gründen gut sein, aber vielleicht sind Sie gezwungen, wichtige Funktionalitäten zu verlieren, die von AMP nicht implementiert/unterstützt werden. Außerdem glaube ich, dass Werbung unter AMP in Bezug auf Geld nicht so gut funktioniert.
Andererseits wird die Frage, wie stark Google AMP aus SEO-Sicht pusht, entscheidend sein. Daher würde ich – je nach Ihren Ressourcen zur Wartung beider – zu beidem tendieren, bis die Zukunft klarer ist.
Philosophisch gesehen – AMP ist schlecht. Es verwendet nicht standardisierte Markup und wird von einer einzelnen gewinnorientierten Einheit kontrolliert. Es ist das Gegenteil des offenen Webs.
Technisch gesehen – AMP ist schlecht. Es ist trivial möglich, schnellere Websites ohne die Abhängigkeiten von Drittanbieterressourcen zu erstellen.
Kommerziell gesehen – AMP ist gut. Google bevorzugt AMP-Websites für Rankings/Features.
Ok für die erste Option, aber wichtig ist zu bedenken, den minimal notwendigen Code je nach Gerät zu servieren, um performanter zu sein. (Gute Abdeckung Ihres JavaScript und CSS, minimale HTML-Struktur usw.)
Ich wette, die überwiegende Mehrheit der Webentwickler würde die responsive Website als erste Option wählen, aber ich habe das Gefühl, dass wir mit diesem Ansatz etwas zurücklassen.
Vielleicht ist in den meisten Fällen der Unterschied zwischen beidem nur eine Frage der richtigen Größenanpassung und Anordnung von Elementen: In diesem Fall ist eine responsive Website eine ziemlich elegante Lösung.
Andernfalls würde ich sagen, es kommt darauf an. Ich kann mir auf Anhieb nicht vorstellen, welche Art von Website eine mobile Website benötigt, die sich sehr von der Desktop-Version unterscheidet, aber das könnte leicht existieren.
Es sei denn, Sie benötigen die mobile Version wirklich, eine Version sollte die Responsivität auf jedem Gerät abdecken. Jemand hat oben voreilig auf Bootstrap verwiesen, was noch mehr Unsinn ist. Ihre Website ist Ihre Website, keine Versionsnummer angehängt, kein Framework, keine schicken Labels. Sie ist für Sie gebaut, für das, was Sie brauchen.
Danke, Chris Coyier. Wirklich, sein E-Mailer hat mir Zeit gespart und ich habe genauso wie er/sie gedacht und mich Sorgen über die schwere Arbeit gemacht, aber Coyiers Antwort war meine richtige Wahl. Ich sage das, weil ich Bootstrap 4 gelernt habe, ein wenig recherchiert habe, dann Ihren interessanten Artikel und auch andere nützliche Informationen über responsives Webdesign gefunden habe. Ich sage laut: „EIN RESPONSIVES MOBIL-FIRST DESIGN ZU ERSTELLEN ERFORDERT SO VIEL AUFWAND WIE DAS ERSTELLEN ZWEIER WEBSITES PLUS EINIGE TRICKS, DIE SIE KENNEN SOLLTEN“. Leute, es ist nicht einfach, die moderne responsive Webentwicklung ohne Herausforderungen zu meistern.
Ich erstelle nur responsive Websites, hauptsächlich aus Kostengründen. Aber es ist mir klarer geworden, da wir diese Diskussion hinter uns gelassen haben, dass ein rein responsiver Ansatz im Grunde das Kleinste von allen Welten ist, der kleinste gemeinsame Nenner, der auf allem irgendwie funktioniert. Es besteht kein Zweifel daran, dass je mehr Zeit Sie mit der Optimierung verschiedener Ansichten verbringen, desto besser werden diese Ansichten sein / sich anfühlen / nutzbar sein.
Ich denke, das Ideal sind mehrere responsive Websites, bei denen Sie mehr Zeit darauf verwenden, auf die einzigartigen Bedürfnisse und Einschränkungen der verschiedenen Ansichten und Geräte (insbesondere Eingabemethoden) einzugehen. Aus einer realistischen, praktischen und kostengünstigen Sicht ist die einzige wirkliche Antwort jedoch eine responsive Website, besonders da wir immer besser werdende CSS-Layouts erhalten.
Idealerweise sollten Sie eine einzige schlanke responsive Website haben, aber im E-Commerce / bei IMDB funktioniert das einfach nicht. Das Markup, die Stile und die Skripte sind zu unterschiedlich.
Grundsätzlich: Wenn Sie einen Blog oder eine Website mit wenigen Besuchern haben, gehen Sie responsiv vor.
Wenn Ihre Website E-Commerce oder etwas wie IMDB mit vielen Nutzern ist, sollten Sie 2 Versionen haben.
Die heutige Technologie ermöglicht 100% responsive Websites, wenn man weiß, was man tut! Absolut kein Bedarf für 2 Websites!
Eddy
Definitiv nur eine Website. Ich denke, Sie sehen bei einigen großen Unternehmen eine Trennung, weil ihre Website und Plattform bereits zu groß waren, als der Übergang von Desktop zu Mobile stattfand, daher mussten sie wahrscheinlich weiter hacken, um mobile Geräte zu bedienen, ohne ihre Plattform wie Amazon komplett umzubauen.
Warum sind #2 oder #3 manchmal besser? Menge der gesendeten Daten und persönliche Präferenz Ihrer Benutzer.
Eine laaaange scrollende Seite ist bereits auf einem Computer ein Problem, und auf einem Smartphone noch mehr.
Das Herunterladen einer Menge Daten, die wir auf einem Smartphone nicht brauchen, verbraucht unsere begrenzte Datenverbindung. Sie können komplexe Seiten auf einem Computer anzeigen, nicht auf einem Smartphone. Also müssen Sie wählen, was Sie jedem senden.
Und die Verwendung von „display:none“ ist ein No-Go, da die Daten sowieso gesendet werden.