Technische Website - Soll ich davon ausgehen, dass meine Besucher einen modernen Browser verwenden?


18

Ich bin gerade dabei, meine eigene Website zu erstellen, die einen technischen Blog enthalten wird. Ich möchte meine Website mit modernen Technologien wie HTML5 und CSS3 erstellen.

Sollte ich davon ausgehen, dass diese Leute einen modernen Browser verwenden, da sich meine Website an Programmierer und hauptsächlich an technisch versierte Benutzer richtet ? Oder sollte ich meine Site für alle Fälle mit älteren Browsern kompatibel machen?

Ich möchte nicht die Mühe machen, meine Website so anzupassen, dass sie mit Browsern kompatibel ist, von denen ich annehme, dass sie nicht verwendet werden.

UPDATE: Ich habe die Antworten bis jetzt gelesen und es scheint, dass Sie ein wichtiges Detail über die Frage verpasst haben. Falls es nicht klar war, fokussieren Sie bitte Ihre Antworten, indem Sie die Art der Site berücksichtigen:

Meine Website richtet sich an Programmierer und vor allem an technisch versierte Benutzer

Sollte ich in Anbetracht dessen davon ausgehen, dass diese Personen einen modernen Browser verwenden?


1
Die meisten Unternehmen, mit denen ich zusammenarbeite, benötigen Websites, um mit IE7 + zu arbeiten. Wenn Benutzer immer noch über IE6- verfügen, liegt dies daran, dass sie wenig Interesse an Technologie haben.
Evik James

Also, wenn diese Benutzer wenig Interesse an Technologie haben, warum sollten sie dann auf meine Website kommen?
Marco-Fiset

4
Ich würde mich sicher fühlen, wenn 99% der Leute, die Tech-Blogs lesen, in der Tech-Branche sind, einen modernen Browser haben und genau wissen, wie man ihn benutzt.
Evik James

Wenn sie wirklich Hardcore-Techniker sind, durchsuchen sie Ihre Website möglicherweise mit lynx:)
Ken Liu

Antworten:


12

Fügen Sie Ihrer Website Google Analytics hinzu und verfolgen Sie Ihre Nutzer

Die einzige Möglichkeit, dies herauszufinden, besteht darin, eine angemessene Stichprobe von Statistiken über Ihre Benutzerbasis zu sammeln. Alles andere ist nur eine unbegründete Annahme.

Glücklicherweise zeichnet Google Analytics absolut alles über den Browser, die Bildschirmgröße, die aktivierten Funktionen usw. auf.

Richten Sie den Internet Explorer als "Niedrigpunkt" ein, da Versionen viel länger unterstützt werden. Beispielsweise läuft der Windows XP-Supportlebenszyklus erst am 8. April 2014 ab, sodass der IE 6 bis dahin nicht verschwindet.

Wenn die Statistiken zeigen, dass nur ein sehr kleiner Prozentsatz der Benutzer IE 6 (oder IE 7) verwendet, ist der Aufwand für die Unterstützung ihres Browsers möglicherweise nicht gerechtfertigt.

Was das neuere HTML5 anbelangt , können Sie Ihrer Site ein HTML5-Shiv hinzufügen, um eine kostenlose progressive Erweiterung zu erhalten, aber die erweiterten Funktionen (ex HTML5-Datei-API) auf private Bereiche Ihrer Site beschränken, bis die Browser aufholen.


2
Alles gute Ideen. Es muss jedoch einen Punkt geben, dem Sie, wie ich weiß, zustimmen, dass es Zeitverschwendung ist, sich für einen kleinen UND abnehmenden Prozentsatz der Menschen zu entwickeln.
Evik James

@EvikJames Ja, das ist der Kern. Ich habe es absichtlich offen gelassen, weil das vom Kontext abhängt. Für eine große Medien-Site wie Google haben sie eine Menge Ressourcen und eine große Nutzerbasis, so dass die Vernachlässigung der Browserunterstützung für sogar 0,5% ihrer Nutzerbasis massive Auswirkungen hat. Wenn Sie dagegen eine kleine Website betreiben und nur 0,5% von 1000 Besuchern einen älteren Browser verwenden, lohnt es sich wahrscheinlich nicht, diese Ressourcen zu unterstützen. Um Kanye West zu zitieren: "Wie alte Leute pissen, es hängt alles davon ab, ohhhhh"
Evan Plaice

Ja, als ein weiteres Beispiel: Meine eigene persönliche Website mit einem auf Technologie ausgerichteten Blog und einigen Familienfotos hat immer noch 24% des Internetverkehrs als IE8 mit ziemlich technisierten Beiträgen als den beliebtesten, gefolgt von Firefox und Chrome (die jetzt sind) beide Auto-Update)
Zhaph - Ben Duguid

14

Mindestens 90% der Amerikaner haben Bilder aktiviert, JavaScript aktiviert, CSS-Unterstützung und eine vernünftige Verbindung.

Es ist Zeitverschwendung, 90% Ihrer Zeit damit zu verbringen, die 10% der Welt zu jagen, die sich die Mühe gemacht haben, das moderne Web nicht zu erleben.


1
Bei der Frage des Benutzers geht es um die sinnvolle Verwendung von CSS, JavaScript und Bildern. Es geht nicht darum, eine Website zu erstellen, die den gesamten Text in Bildern verbirgt und JavaScript nur schleppend lädt.
Evik James

1
Selbst wenn Suchmaschinen 90% Ihres Datenverkehrs steuern, wird die überwiegende Mehrheit dieser Benutzer weiterhin einen modernen Browser verwenden und Javascript aktiviert haben.
Stoj

1
Wenn er nicht eingestuft werden kann, weil Suchmaschinen seinen Inhalt nicht lesen können oder ihn schlecht bewerten, hat er keine Besucher, um die er sich Sorgen machen muss.
John Conde

3
@JohnConde Warum kann die Suchmaschine meine Website nicht bewerten? Es ist nicht so, dass ich Flash benutze ...
marco-fiset

1
@ JohnConde hat eine Meinung, genau wie alle anderen hier. Er ist äußerst sachkundig und hilfsbereit und bietet einen großartigen Service, indem er bei StackExchange ist. Ich denke, dass seine Antwort für Unternehmen mit einem Team erfahrener Webentwickler VOLLSTÄNDIG geeignet ist. Es ist völlig ungeeignet für eine einzelne Person, die über geeky Sachen bloggt und programmiert.
Evik James

12

Annehmen:

  • JavaScript wird ausgeschaltet
  • CSS3 wird nicht unterstützt
  • Bilder werden deaktiviert
  • Die Verbindung des Benutzers wird langsam sein

Ich weiß, das ist nicht das, was Sie hören möchten, aber als Webdesigner und Entwickler ist dies die Realität, der wir gegenüberstehen. Es wird nicht nur Benutzer geben, die ältere Browser verwenden, sondern einige von ihnen ändern die Einstellungen in ihrem Browser, um das Standardverhalten zu ändern (z. B. JavaScript deaktivieren).

Sie können auch Bots wie Suchmaschinen nicht vergessen, die unterschiedliche und eingeschränkte Unterstützung für CSS und JavaScript bieten. Außerdem werden einige Benutzer Bildschirmleseprogramme verwenden, die bekanntermaßen die neuesten Technologien nicht unterstützen.

Es ist viel einfacher, all das zu unterstützen, als es sich anhört. Die fortschreitende Verbesserung ist ein Grundprinzip des Webdesigns und der Webentwicklung. Sie ermöglicht es Ihnen, die neuesten und besten Funktionen auf Ihrer Website zu nutzen und dabei Browser und Benutzer zu unterstützen, die noch nicht alle Funktionen ausführen können.


6
Sie können auch sagen, dass Websites für Personen ohne Internetzugang oder Computer konzipiert sein sollten.
Evik James

4
@Evik Ich denke nicht, dass das der Punkt der Antwort ist. Der Punkt ist, dass Sie mit etwas Grundlegendem und Zugänglichem beginnen sollten, damit Ihre <10% zumindest in der Lage sind, Ihre Inhalte zu konsumieren. Bauen Sie es dann so auf, dass die 90% etwas Großartiges sehen.
DisgruntledGoat

1
@WernerCD, der ursprüngliche Beitrag handelt von einem einzelnen Benutzer, der ein Blog schreibt. Schlagen Sie vor, dass er denselben Weg nimmt, den StackOverflow nimmt und ein Team von Mitarbeitern anstellt, oder dass er die Nuancen jedes Browsers lernt? Er sollte seine Zeit mit Bloggen verbringen und weniger Zeit mit Programmieren verbringen.
Evik James

1
@WernerCD Programmierer haben eher Plugins wie NoScript installiert, die Javascript ausschalten, um "schwere" Seiten zu vermeiden.
DisgruntledGoat

1
@ Werner Ich denke "nehme kein CSS / JS an" ist wahrscheinlich der falsche Weg, um es zu erklären. Es geht mehr darum, mit einer soliden HTML-Grundlage zu beginnen, als mit CSS und JS aufzubauen. Wenn es in einem älteren Browser einige Fehler mit CSS / JS gibt, bleibt die Website weiterhin funktionsfähig. In diesem Sinne können Sie jetzt von einem modernen Browser ausgehen und auf Tests in älteren Browsern verzichten, da Sie wissen, dass dies für diese 5% der Benutzer wahrscheinlich nicht schlimm sein wird.
DisgruntledGoat

5

Stellen Sie sicher, dass mindestens Ihre Homepage in jeder Umgebung funktioniert, die Sie angemessen unterstützen können. Wenn bestimmte Seiten Technologien erfordern, die nicht allgemein unterstützt werden, geben Sie dies deutlich in den Links an, die zu ihnen führen (Sie müssen nichts Unangenehmes verwenden, titleund altTexte zu Links und Bildern können ausreichen), und auf den Seiten selbst (z. B. durch Hinzufügen eines kleinen Textes) Header - Dieser wird möglicherweise ausgeblendet, wenn Sie feststellen können, dass die Funktionen vorhanden sind.

Stellen Sie außerdem sicher, dass die Seiten ordnungsgemäß beschädigt werden, wenn die erforderlichen Technologien nicht vorhanden / aktiviert sind. Auch wenn Ihre Besucher technisch versiert sind, wenn etwas auf Ihrer Seite einfach nicht funktioniert, aber es keine Hinweise darauf gibt, was fehlt, werden sie möglicherweise nicht danach suchen (es sei denn, sie sind wirklich interessiert, was nichts sein kann) angenommen). OTOH Sie müssen nicht geben detaillierte Anweisungen, wie zu ermöglichen , was fehlt, nur die besagt , was aktiviert werden muss , sollte für dieses Publikum genug sein.

Update: Ich möchte den letzten Punkt mit einer persönlichen Bemerkung hervorheben: Als sicherheitsbewusster Benutzer browse ich immer mit aktiviertem NoScript . Wenn ich beispielsweise zu einer Website gehe, die ein Video enthält, geschieht Folgendes:

  • Es gibt einen Platzhalter für das Video. Wenn Sie darauf klicken, wird die Blockierung aufgehoben.
  • Es gibt einen Platzhalter, aber das Klicken reicht nicht aus - es gibt eine andere Domain, die entsperrt werden muss (normalerweise eine CDN), die häufig einen inkonsistenten Namen hat (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com) /mcstatic.com);
  • Es gibt keinen Platzhalter, wird das Video über JavaScript hinzugefügt oder nicht hat widthund heightstatisch eingestellt, und manchmal gibt es keinen Hinweis die Seite ein Video überhaupt hat. Es kann völlig verpasst werden;
  • Das Video hängt von einem zufälligen Ad-Server ab. Daher reicht es nicht aus, die offensichtlichsten Domains zu entsperren, um es anzuzeigen. Wenn ich wirklich interessiert bin, kann ich die verbleibenden Domains entsperren (in der Reihenfolge von weniger zu mehr schattig aussehenden Namen), manchmal mit dem Effekt von mehr Domains, die vorher nicht dort erschienen sind, bis das Video funktioniert oder Ich gebe auf.

Dies soll nur einige Probleme veranschaulichen, die auftreten können, selbst wenn Sie von einem modernen Browser und einem technisch versierten Benutzer ausgehen. Sie müssen sich nicht viel Mühe geben, um sicherzustellen, dass Ihre Site für jede mögliche Konfiguration funktioniert, aber es ist wichtig, dass auch in diesem Fall einige ausfallsichere Elemente vorhanden sind.


2
"Stellen Sie sicher, dass mindestens Ihre Homepage in jeder Umgebung funktioniert, die Sie angemessen unterstützen können." Das macht Sinn.
Evik James

4

Ich denke, John Conde meinte, dass man nicht davon ausgehen kann, dass er einen modernen Browser verwendet, nur weil er ein Techniker ist. Trotzdem stimme ich Evik James eher zu, dass das OP das Gleichgewicht zwischen dem Codieren der Website für ein breiteres Publikum und dem Bloggen finden muss. Wenn er diese Site irgendwann monetarisieren möchte, sollte er sich an die Philosophie der progressiven Verbesserung und des reaktionsschnellen Designs halten, da es einfacher ist, sie schrittweise zu verbessern, wenn Sie mit Mobile (und dem verdammten IE6!) Beginnen und sich Ihren Weg bahnen oben. Aber zumindest sollte das OP seine Site über einen Lynx-Browser ausführenum zu sehen, wie seine Website für einen Screenreader oder eine Suchmaschine aussieht, und um sicherzustellen, dass alles mit deaktivierten Bildern, CSS und Javascript angezeigt werden kann. Dann überlassen Sie den modernen Browsern die wirklich coolen Schnickschnack und sorgen Sie sich nicht so sehr darum, was im IE6 ein wenig fehl am Platz oder langweilig aussieht.


3
Wenn ich an einer Eingabeaufforderung bin ich wahrscheinlich zu verwenden w3m, lynxoder was auch immer Text - Browser zur Verfügung steht.
BillThor

3

Ich denke, Sie sollten davon ausgehen, dass sie moderne Browser verwenden, die auf Ihrem Zielmarkt basieren. Behalten Sie die Browsernutzung im Auge und nehmen Sie Kompatibilitätsänderungen vor, wenn eine erhebliche Anzahl von Personen ältere Browser verwendet.


Das klingt für mich nach einer guten Idee, und so würde ich es auch tun.
Evik James

das klingt wie anmutige Degradation, sollten Sie diesen Artikel lesen: dev.opera.com/articles/view/…
Tomás Ramírez

3

Lesen Sie mehr über die schrittweise Verbesserung , um den größten Teil der Benutzer zu unterstützen und die Funktionen des Browsers zu nutzen. Responsive Design ist ein weiteres wichtiges Thema, um den größten Teil der Geräte zu unterstützen (heutzutage verwenden viele Menschen mobile Geräte). Auf der anderen Seite gibt es eine Menge Bibliotheken wie Modernizr , Boilerplate und Explorercanvas , die Sie in dieser Angelegenheit unterstützen.


2
Sie machen gute Punkte, und es ist ziemlich einfach, eine Site 95% kompatibel zu machen - wenn nicht großartig - für alle. Der Punkt, den ich oben anspreche, ist, dass die Entwicklung für den kleinsten gemeinsamen Nenner viel Zeit in Anspruch nimmt.
Evik James

Ich verstehe Ihren Standpunkt ... aber alle Leute sollten darüber Bescheid wissen: D
Tomás Ramírez

0

Die Tatsache, dass Ihre Zielgruppe Programmierer usw. sein werden, würde ich immer noch nicht vermuten, dass sie die neuesten Sachen auf ihren Computern haben werden, weil sie technisch versierter sind. Es ist eher persönliches Denken als professionelles Denken, das vorschreibt, was ein Programmierer / eine technische Person auf ihrem Computer verwendet.

Beispielsweise kann ein Programmierer paranoid sein und nicht zulassen, dass Java auf seinem Computer aktiviert wird.

In jedem Fall steht das Internet jedem offen und ist nicht in verschiedene Bereiche eingebettet. Erstellen Sie die Website so, dass jeder darauf zugreifen kann. Sie wissen nie, dass ein technisch versierter Programmierer möglicherweise einen Computerausfall hat, sodass er nicht mehr mit dem PC seiner Mutter arbeiten kann, auf dem Windows XP mit Internet Explorer 7 ausgeführt wird.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.