{"id":1133,"date":"2018-01-09T14:32:58","date_gmt":"2018-01-09T14:32:58","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1133"},"modified":"2024-12-16T10:52:37","modified_gmt":"2024-12-16T08:52:37","slug":"page-size","status":"publish","type":"page","link":"https:\/\/test.sitechecker.pro\/de\/page-size\/","title":{"rendered":"Welche Hauptkomponenten wirken sich auf die Webseitengr\u00f6\u00dfe aus"},"content":{"rendered":"<p>Webseitengr\u00f6\u00dfe ist wichtig! Es geht nicht um das Design oder den Inhalt der Website, sondern viel einfacher &#8211; es h\u00e4ngt alles von der Bildschirmormate der Websitebesucher ab. Wenn die Webseite nicht f\u00fcr jede Bildschirmormate optimiert ist, f\u00fchrt dies zu einem automatischen \u00c4rgernis f\u00fcr den Benutzer. Daher ist es sehr wichtig, dass man Ihre Website bequem von jedem Ger\u00e4t aus betrachten kann,\u00a0 sei es von einem gro\u00dfen Monitor oder von einem Bildschirm eines kleinen Mobiltelefons.<\/p>\n<h2 id=\"increasingwebpagesize\">Schnelle Vergr\u00f6\u00dferung der Webseite<\/h2>\n<p>Die erste Webseite erschien 1990. Durch das Hinzuf\u00fcgen aller Arten von Schriftarten, Bildern, Videos und CSS \/ JS-Dateien zu den Websites und mit jahrelanger Tech-Entwicklung haben die Seitengr\u00f6\u00dfen erheblich zugenommen. Im Jahr 2010 betrug die durchschnittliche Webseitengr\u00f6\u00dfe 702 KB und im Jahr 2017 laut Informationen von httparchive.org 3422 KB.<\/p>\n<p>Erfahren Sie in offiziellen Statistiken etwas mehr \u00fcber die Dimensionen von Websites. Aufgrund der neuesten Daten, die im November 2018 erfasst wurden, sind folgenden Seitengr\u00f6\u00dfen am besten verwendbar:<\/p>\n<p><strong>Desktop Aufl\u00f6sung Statistiken weltweit:<\/strong><\/p>\n<table border=\"\u00bb2\u2033\" width=\"700\" cellspacing=\"\u00bb15\u2033\" cellpadding=\"\u00bb15\u2033\" align=\"\u00bbcenter\u00bb\">\n<tbody>\n<tr>\n<td>Breite x H\u00f6he<\/td>\n<td>1366&#215;768<\/td>\n<td>1920&#215;1080<\/td>\n<td>360&#215;640<\/td>\n<td>1440&#215;900<\/td>\n<td>1536&#215;864<\/td>\n<td>1600&#215;900<\/td>\n<\/tr>\n<tr>\n<td>Verwenden<\/td>\n<td>22.7%<\/td>\n<td>17.94%<\/td>\n<td>7.8%<\/td>\n<td>6.3%<\/td>\n<td>5.05%<\/td>\n<td>4.55%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><strong>Mobile Bildschirmformate Statistiken weltweit <\/strong><\/p>\n<p>&nbsp;<\/p>\n<table border=\"\u00bb2\u2033\" width=\"700\" cellspacing=\"\u00bb15\u2033\" cellpadding=\"\u00bb15\u2033\" align=\"\u00bbcenter\u00bb\">\n<tbody>\n<tr>\n<td>Breite x H\u00f6he<\/td>\n<td>360&#215;640<\/td>\n<td>375&#215;667<\/td>\n<td>414&#215;736<\/td>\n<td>720&#215;1280<\/td>\n<td>360&#215;720<\/td>\n<td>320&#215;568<\/td>\n<\/tr>\n<tr>\n<td>Verwenden<\/td>\n<td>33.54%<\/td>\n<td>11.07%<\/td>\n<td>5.15%<\/td>\n<td>3.89%<\/td>\n<td>3.67%<\/td>\n<td>3.53%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2 id=\"happen\">Warum passiert das?<\/h2>\n<p>Dies l\u00e4sst sich durch eine Reihe von Faktoren erkl\u00e4ren, die alle wesentlich zur Erh\u00f6hung der Websitenbreite beitragen. Nachfolgend finden Sie die wichtigsten.<\/p>\n    <div class=\"blog__conversion blog__conversion-app element__logged_out\">\n        <div class=\"blog__conversion-inner\">\n            <p class=\"title\">\u00dcberpr\u00fcfen Sie den SEO-Score Ihrer Website<\/p>\n            <p class=\"description\">\u00dcberpr\u00fcfen Sie Ihre Website, um herauszufinden, welche Seiten SEO-Fehler enthalten, wie Sie diese korrigieren und mehr Zugriffe erzielen<\/p>\n            <form id=\"audit__form\"\n                  class=\"article__seo-search audit__form \u00dcberpr\u00fcfen Sie Ihre Website, um herauszufinden, welche Seiten SEO-Fehler enthalten, wie Sie diese korrigieren und mehr Zugriffe erzielen\"\n                  action=\"\"\n                  method=\"POST\"\n                  autocomplete=\"off\">\n                <span class=\"error\"><\/span>\n                <div class=\"error__limits\">Something went wrong. Please, try again later.<\/div>\n                <input name=\"url\"\n                       type=\"text\"\n                       placeholder=\"Geben Sie Ihren Domainnamen ein\">\n                                <button type=\"submit\"\n                        class=\"sitechecker__text\">\n                    <span>Start<\/span>\n                    <img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading.svg\"\n                         width=\"31\"\n                         height=\"30\"\n                         class=\"loading\">\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n    \n<h3 id=\"causes1\">JavaScript<\/h3>\n<p>JavaScript wurde mit der Idee erstellt, den HTML-Seiten Interaktivit\u00e4t hinzuzuf\u00fcgen.<\/p>\n<p>JavaScript gibt HTML-Designern ein starkes, aber praktisches Programmierwerkzeug. Obwohl die Mehrheit der HTML-Designer nichts mit realer Programmierung zu tun hat, hat JavaScript ihre Arbeit noch einfacher gemacht, da es sich um eine Skriptsprache mit sehr einfacher Syntax handelt. Die erste Variante erschien 1995. Sie wurde bis zur heutigen Form zahlreich verbessert.<\/p>\n<p>Somit ist es ein wirksames Werkzeug, das Konstrukteuren die folgenden M\u00f6glichkeiten und Funktionen bietet:<\/p>\n<ul>\n<li>Tags hinzuf\u00fcgen oder entfernen;<\/li>\n<li>\u00c4ndern der Seitenvorlagen;<\/li>\n<li>Webbasierte Spiele;<\/li>\n<li>Informationen zu den Benutzeraktivit\u00e4ten auf der Seite;<\/li>\n<li>\u00c4nderungen am Code vornehmen;<\/li>\n<li>Animation einer Webseite.<\/li>\n<\/ul>\n<p>Der Bereich dieser Sprache ist unbegrenzt. Daher ist es sehr wichtig, JavaScript f\u00fcr Ihre Webressource zu verwenden. Vergessen Sie jedoch nicht, die Dateien zu minimieren, um die Seitengr\u00f6\u00dfe so gering wie m\u00f6glich zu halten, damit Ihre Website benutzerfreundlich und f\u00fcr alle Benutzer attraktiv ist.<\/p>\n<h3 id=\"causes2\">Bilder<\/h3>\n<p>Bilder sind der Hauptgrund f\u00fcr die Zunahme der Seitengr\u00f6\u00dfe in den letzten sieben Jahren. Im Laufe der Jahre wurde die Bildersprache immer h\u00e4ufiger und es ist eines der wichtigsten Dinge, um die Aufmerksamkeit der Benutzer zu erwecken. Menschen finden selten einen Artikel, der ohne Bilder interessant zu lesen ist, und niemand wird eine Ware kaufen, ohne ein Beispiel zu sehen, wie er aussieht. Es gibt jedoch L\u00f6sungen f\u00fcr das Bildgr\u00f6\u00dfenproblem. Dienste wie Optimus, Imagify usw. erm\u00f6glichen die Komprimierung der Bildgr\u00f6\u00dfe, behalten jedoch die gleiche hohe Qualit\u00e4t bei, die die Webseitengr\u00f6\u00dfe beeinflusst. Dar\u00fcber hinaus zielen die Formate WebP und FLIF darauf ab, die Bildgr\u00f6\u00dfe weiter zu reduzieren und somit die Gr\u00f6\u00dfe von Webseiten zu verringern.<\/p>\n<h3>Schriftarten<\/h3>\n<p>Wie kann eine Schrift die Geschwindigkeit einer Webseite beeinflussen? Genau wie Bilder hat sich die Qualit\u00e4t der Schriften immer weiter verbessert, und es stehen Millionen von Varianten zur Verf\u00fcgung, mit denen Sie Ihren eigenen Stil erstellen k\u00f6nnen. Etwa 57% der Websites verwenden derzeit benutzerdefinierte Schriftarten. Im Jahr 2017 betrug die durchschnittliche Anzahl der Schriften einer Website etwa 113 KB, w\u00e4hrend sie sich 2010 nur auf 2 KB belief. Die Schrift ist sehr wichtig f\u00fcr das pers\u00f6nliche Branding. Da dies Auswirkungen auf die Seitengr\u00f6\u00dfe hat, m\u00fcssen Sie eine Schriftart ausw\u00e4hlen, die nicht nur zum Stil Ihrer Website und Marke passt, sondern auch schnell l\u00e4dt.<\/p>\n<h3 id=\"causes3\">Videos<\/h3>\n<p>Auch die Verwendung von Videos auf Websites hat im Laufe der Jahre immer mehr zugenommen. Videos werden h\u00e4ufig verwendet, um die Aufmerksamkeit des Publikums auf sich zu ziehen, f\u00fcr die Produktpr\u00e4sentation und als effektives SEO-Tool. Qualitativ hochwertige Videos wirken sich jedoch auf die Gr\u00f6\u00dfe der Website aus. In den letzten sechs Jahren ist die Gr\u00f6\u00dfe eines durchschnittlichen Videos auf 174 KB gestiegen. Obwohl es immer noch nur etwa 7,7% der gesamten Webseitengr\u00f6\u00dfe ausmacht, wird es bald zu einem gr\u00f6\u00dferen Problem, wenn die Videokomprimierung nicht besser wird.<\/p>\n<h3 id=\"causes4\">Werbung<\/h3>\n<p>In der modernen Welt sind Anzeigen komplexer geworden. Sie bestehen nicht mehr nur aus reinem Text. Um die gr\u00f6\u00dfte Aufmerksamkeit zu erzielen, f\u00fcgen Social-Media-Manager ihrer Werbung normalerweise Fotos, Animationen oder sogar Videos hinzu. Dies erh\u00f6ht nat\u00fcrlich die Gr\u00f6\u00dfe und Ladezeit einer Website. Wie kann man das vermeiden? Um dieses Problem zu l\u00f6sen, kann der Nutzer einen Werbeblocker verwenden, mit dem die Sichtbarkeit der Anzeigen verringert werden kann (Ihr Browser l\u00e4dt sie nicht). Daher sollte sich die Ladegeschwindigkeit um ein Vielfaches erh\u00f6hen.<\/p>\n<p>In \u00dcbereinstimmung mit dem nytimes.com Artikel, boston.com und anderen \u00e4hnlichen Nachrichtenseiten dauert es etwa 33 Sekunden, um 16,3 MB ohne Werbeblocker zu laden. Die Verwendung eines Werbeblockers verk\u00fcrzt die Ladezeit auf 7 Sekunden und verringert das Gewicht bis 3,5 MB. Dies ist besonders effektiv auf mobilen Ger\u00e4ten oder Tablets.<\/p>\n<p>Sie m\u00fcssen die Anzeigen auf der Website \u00fcberwachen, um zu sehen, wie sie die Geschwindigkeit beeinflussen. Regulieren und \u00e4ndern Sie Anzeigen in Ihrer Webressource so, dass sie so wenig Bytes wie m\u00f6glich belegen und die Seitengr\u00f6\u00dfe nicht wesentlich erweitern. Oder Sie k\u00f6nnen die Anzeige sogar vollst\u00e4ndig entfernen, wenn Sie feststellen, dass die Website zu stark verlangsamt wird.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"mobiledevices\">Wie ist die Situation bei mobilen Ger\u00e4ten?<\/h2>\n<p>&nbsp;<\/p>\n<p>Laut Statistik nutzen Menschen h\u00e4ufiger mobile Ger\u00e4te. Erst in den letzten zwei Jahren ist die Anzahl der Benutzer mobiler Ger\u00e4te um Hunderte von Millionen gestiegen, weil es so viel schneller und bequemer ist, Handys und Tablets anstelle eines PCs oder Laptops zu verwenden.<\/p>\n<p>Lukew.com hat einen Artikel, der uns folgende Daten liefert:<\/p>\n<ul>\n<li>3G-Verbindungen sind um 40% langsamer und 4G-Verbindungen um 12% als die durchschnittliche Desktopverbindung.<\/li>\n<li>Von 347 Websites haben rund 86% aller Ger\u00e4te den gleichen Medieninhalt erhalten.<\/li>\n<\/ul>\n<p>Dies bedeutet, dass die Seitengeschwindigkeit leiden wird, wenn sie nicht f\u00fcr mobile Ger\u00e4te optimiert ist. Dies ist f\u00fcr jede Webseite von entscheidender Bedeutung! Es kann erforderlich sein, einige Aspekte wie das Entfernen einer Animation oder eines eingef\u00fcgten Videos zu opfern. Die Seitengr\u00f6\u00dfe nimmt jedoch erheblich ab, und Benutzer von mobilen Ger\u00e4ten sind mit der schnellen Ladegeschwindigkeit und der hervorragenden Benutzererfahrung zufrieden. Testen Sie also immer die Geschwindigkeit Ihrer Website!<\/p>\n<h2 id=\"conclusion\">Fazit<\/h2>\n<p>Ihre Website sollte so schnell wie m\u00f6glich funktionieren. Dazu m\u00fcssen Sie alles tun, um die Ladezeit f\u00fcr alle Ger\u00e4te zu reduzieren: Achten Sie auf Bilder, da diese den gr\u00f6\u00dften Teil (etwa 44%) der Gesamtgr\u00f6\u00dfe ausmachen. Um jedoch den durchschnittlichen Webseitengr\u00f6\u00dfen zu entsprechen, sollten alle Aspekte (von den Schriftarten bis zu den Anzeigen) wie oben erw\u00e4hnt optimiert werden. Dies ist sehr wichtig, nicht nur um neue Besucher zu gewinnen, sondern auch um die Aufmerksamkeit Ihrer treuen Kunden und Benutzer langfristig zu erhalten.<\/p>","protected":false},"excerpt":{"rendered":"Webseitengr\u00f6\u00dfe ist wichtig! Es geht nicht um das Design oder den Inhalt der Website, sondern viel einfacher &#8211; es h\u00e4ngt alles von der Bildschirmormate der Websitebesucher ab. Wenn die Webseite nicht f\u00fcr jede Bildschirmormate optimiert ist, f\u00fchrt dies zu einem automatischen \u00c4rgernis f\u00fcr den Benutzer. Daher ist es sehr wichtig, dass man Ihre Website bequem&#8230;","protected":false},"author":10380808,"featured_media":3353,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[60],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/pages\/1133"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/media\/3353"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/media?parent=1133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/categories?post=1133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/de\/wp-json\/wp\/v2\/tags?post=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}