[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"8PtmEKvLrgqbNU_ZfBltPmZumCcr6WZSwVNWIykrXGY":75,"S3SnXAcwzQpgPJq64CNeT6Yroj_rm8ye53untX1n3Jc":164,"_apollo:default":209},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":89,"path":90,"promote":21,"status":20,"sticky":21,"metatag":91,"postCategory":111,"postContentElements":13,"evergreen":13,"tags":136,"postWpBody":154,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":157,"author":158},"NodeWpPost","980","Warum sich mit HTTP/2 unser Front-end Workflow komplett ändern wird",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1411465445,"UTC","+00:00","2014-09-23T09:44:05+00:00",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},{"__typename":16,"id":17,"name":18,"direction":19},"/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird",[92,99,106],{"__typename":93,"tag":94,"attributes":95},"MetaTagValue","meta",{"__typename":96,"name":97,"content":98},"MetaTagValueAttributes","title","Warum sich mit HTTP/2 unser Front-end Workflow komplett ändern wird | Liechtenecker UX Design Studio",{"__typename":100,"tag":101,"attributes":102},"MetaTagLink","link",{"__typename":103,"href":104,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird","canonical",{"__typename":107,"tag":94,"attributes":108},"MetaTagProperty",{"__typename":109,"property":110,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":112,"id":113,"name":114,"path":115,"status":20,"weight":116,"description":117,"langcode":121,"changed":122,"metatag":125},"TermCategories","8","UX/UI Design","/kategorie/design",0,{"__typename":118,"processed":119,"format":120},"Text","Themen aus dem Bereich Design & User Experience","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":123,"timezone":85,"offset":86,"time":124},1713772777,"2024-04-22T07:59:37+00:00",[126,129,133],{"__typename":93,"tag":94,"attributes":127},{"__typename":96,"name":97,"content":128},"UX/UI Design | Liechtenecker UX Design Studio",{"__typename":93,"tag":94,"attributes":130},{"__typename":96,"name":131,"content":132},"description","Themen aus dem Bereich Design & User Experience",{"__typename":100,"tag":101,"attributes":134},{"__typename":103,"href":135,"hreflang":13,"rel":105,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/design",[137,142,146,150],{"__typename":138,"id":139,"name":140,"path":141,"weight":116},"TermTags","506","front-end","/tag/front-end",{"__typename":138,"id":143,"name":144,"path":145,"weight":116},"605","http","/tag/http",{"__typename":138,"id":147,"name":148,"path":149,"weight":116},"606","http/2","/tag/http2",{"__typename":138,"id":151,"name":152,"path":153,"weight":116},"1583","workflow","/tag/workflow",{"__typename":155,"processed":156,"format":120,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>\u003Cdiv alt=\"HTTP/2\" data-entity-type=\"media\" data-entity-uuid=\"b986472d-6718-4d5b-ae3e-5c2044d51b35\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=VnisXbaf 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=2yZx6Y1e 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=0fLPpAGO 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=KtxY6k2K 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=cYlkIo4J 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=Xe6CGMc6 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=zFhthdlR 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=ndh2kEmE 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=rfqI_cGv 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.webp?itok=uecQtv9v 2x\" type=\"image/webp\" width=\"1000\" height=\"400\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"400\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/09/http_21-1.gif.jpg?itok=uecQtv9v\" alt=\"HTTP/2\" title=\"HTTP/2\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/h2>\n\u003Ch2>\u003Cb>HTTP Grundlagen\u003C/b>\u003C/h2>\n\u003Cp>HTTP ist ein Protokoll das für den Datenaustausch innerhalb eines Netzwerkes zuständig ist. Die aktuelle Version 1.1 ist bereits seit 15 Jahren in Verwendung und das ist eine verdammt lange Zeit im Web. Wie wir wissen hat sich das Internet seitdem stark verändert. Statt reinen Textseiten bauen wir heutzutage komplexe Webseiten mit zahlreichen Bildern, Videos oder anderen Ressourcen. Die Anforderungen an den Datenaustausch sind dadurch auch gewachsen und es wird Zeit für ein neues Protokoll. HTTP/2 ist diese neue Version auf die wir alle gewartet haben. Wenn man sich mit dem Thema beschäftigt kommt man auch an SPDY nicht vorbei. SPDY ist ein experimentelles Netzwerkprotokoll von Google und Vorreiter von HTTP/2. HTTP/2 basiert auf vielen Ideen von SPDY, das merkt man daran, dass die beiden nahezu identisch sind.\u003Cbr>\nBevor wir aber einen Blick auf die Neuerungen werfen, überlegen wir uns zuerst was unser Front-end Workflow überhaupt damit zu tun hat.\u003C/p>\n\u003Ch2>\u003Cb>Derzeitiger Front-end Workflow\u003C/b>\u003C/h2>\n\u003Cp>Durch die Verwendung von viele Bildern, Web-Fonts oder Styles geht es beim Thema Front-end Workflow meistens um eine Sache: Performance. Tools wie Gulp oder Grunt helfen uns dabei diese Aufgabe zu automatisieren. (Ersteres habe ich \u003Ca href=\"/front-end-workflow-mit-gulp/\">hier\u003C/a> schon einmal näher vorgestellt)  Wir fassen Dateien und Bilder (Sprites) zusammen, laden Ressourcen von Subdomains und vieles mehr. Wir tun alles für die Performance, denn sonst könnten wir unsere vollgepackten Webseiten gar nicht mehr anzeigen.\u003Cbr>\nHTTP 1.1 ist nicht für diese Zwecke gedacht gewesen. Es können zwar mehrere Requests gesendet werden, aber dafür benötigt es immer eine neue TCP Verbindung. Die Browser schränken hier die Anzahl der Verbindungen mit 4-6 ein um den Server nicht zu überlasten. Viele Webseiten benötigen heutzutage aber ein Vielfaches dieser Anzahl an Requests. Zum Glück helfen uns hier die modernen Browser schon sehr, um eine Seite schnellstmöglich zu laden. Trotzdem sind diese Lösungen nicht optimal.\u003Cbr>\n[Tweet „In lab tests, SPDY shows 64% reduction in page load times! (Ilya Grigorik, Google)“]\u003C/p>\n\u003Ch2>\u003Cb>HTTP/2\u003C/b>\u003C/h2>\n\u003Cp>Mit HTTP/2 ist das alles anders. Hier können mehrere Requests pro Verbindung bearbeitet werden und man spricht von “Multiplexing”. Der daraus folgende Performance Unterschied ist gewaltig. Es wird nur noch eine Verbindung zum Server geöffnet. Man spricht hier von “Streams” die innerhalb einer TCP Verbindung geschickt werden. Diese Streams können priorisiert werden, dadurch kann der Browser entscheiden welche Daten er zuerst benötigt. – Gerade für den Seitenaufbau ist das wichtig. Außerdem können sich Ressourcen nicht mehr gegenseitig blocken, wie es derzeit noch passiert.\u003Cbr>\nDas ist aber noch lange nicht alles. Mit HTTP/2 werden die Daten, statt als Text, binär und dadurch schneller übertragen.  Außerdem wird der HTTP Header, der wichtige Informationen und Argumente über den Request bereit hält, nur noch am Anfang komplett übermittelt; danach nur noch Änderungen. Da der Header oft größer ist als die geschickten Daten selbst, macht auch das einen großen Unterschied.\u003Cbr>\nAuch der Server freut sich über dieses neue Protokoll, denn er wird dadurch entlastet.\u003Cbr>\n[Tweet „Es handelt sich also um ein automatisches Spriting/Concatenieren auf Protokollebene! (derSchepp)“]\u003Cbr>\nInsgesamt haben wir also folgende Vorteile:\u003C/p>\n\u003Cul>\n\u003Cli>Daten werden binär übermittelt\u003C/li>\n\u003Cli>Multiplexing\u003C/li>\n\u003Cli>Priorisierung der Streams\u003C/li>\n\u003Cli>Ressourcen können sich nicht mehr gegenseitig blockieren\u003C/li>\n\u003Cli>Es werden nur Änderungen der Header Daten übermittelt und komprimiert\u003C/li>\n\u003Cli>Server wird entlastet\u003C/li>\n\u003C/ul>\n\u003Ch2>\u003Cb>Front-end Workflow der Zukunft\u003C/b>\u003C/h2>\n\u003Cp>All diese Neuerungen haben großen Einfluss auf unseren Workflow. All die kleinen Preformance-Tricks werden obsolet. Spriting macht keinen Sinn mehr. Komprimieren von Styles und Scripts übernimmt HTTP/2 selbst. Es ist auch nicht mehr nötig alle Dateien zusammenzufassen. Es wird sogar empfohlen Textdateien einzeln bereit zu stellen, denn wenn sich z.B. nur ein Modul ändert, sollten nicht alle anderen auch neu geladen werden.\u003C/p>\n\u003Ch2>\u003Cb>Browser Unterstützung\u003C/b>\u003C/h2>\n\u003Cdiv alt=\"SPDY Browser Unterstützung\" data-entity-type=\"media\" data-entity-uuid=\"529ef949-a6b1-4bce-897c-ae91bfdd5591\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=OxBnRQ5Q 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=17AaoLoE 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1229\" height=\"823\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=QsRr9MZ8 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=hTgwn1b8 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1024\" height=\"686\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=Tf_XbSni 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=tZtGjlxr 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"499\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=3_wAg7wX 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=vGOa2yfQ 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"321\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=G0ZlxUkY 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.webp?itok=3rCE9_XQ 2x\" type=\"image/webp\" width=\"1229\" height=\"823\">\n                  \u003Cimg loading=\"lazy\" width=\"1229\" height=\"823\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/09/Screen-Shot-2014-09-16-at-12.38.111-1.png.jpg?itok=3rCE9_XQ\" alt=\"SPDY Browser Unterstützung\" title=\"SPDY Browser Unterstützung\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>Das klingt ja alles toll, aber wie schaut es mit der Browserunterstützung aus? Besser als ihr vielleicht annehmt! Im folgen Screenshot seht ihr die Statistik für die Unterstützung in Österreich und global. In Österreich liegen wir bei knapp unter 70%.\u003Cbr>\n\u003C/p>\n\u003Ch2>\u003Cb>Fazit\u003C/b>\u003C/h2>\n\u003Cp>HTTP/2 wird ein weiterer Meilenstein in der Entwicklung des Webs sein und wir können es gar nicht erwarten. Falls euer Server und die Browser eurer Zielgruppe mitspielen ist wäre der Einsatz bereits jetzt möglich. Einzig der Internet Explorer zickt leider noch ein wenig, aber auch das wird sich schnell ändern und es gibt Fallback Möglichkeiten. Große Firmen wie Google oder Facebook setzen schon jetzt auf HTTP/2 und SPDY.\u003Cbr>\nUnser Front-end Workflow wird sich zwar komplett ändern, aber zum Positiven. Das ist die gute Nachricht denn es wird wesentlich einfacher werden wenn wir nicht mehr die Aufgaben übernehmen müssen, für die eigentlich das Netzwerkprotokoll zuständig ist. Wie die neuen Best-Practices dann genau aussehen werden, wird sich aber noch zeigen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Warum sich mit HTTP/2 unser Front-end Workflow komplett ändern wird - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"HTTP Grundlagen HTTP ist ein Protokoll das für den Datenaustausch innerhalb eines Netzwerkes zuständig ist. Die aktuelle Version 1.1 ist bereits seit 15 Jahren in Verwendung und das ist eine verdammt lange Zeit im Web. Wie wir wissen hat sich das Internet seitdem stark verändert. Statt reinen Textseiten bauen wir heutzutage komplexe Webseiten mit zahlreichen Bildern, […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2014-09-23T11:44:05+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2014/09/http_21-1.gif\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"4 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2014/09/http_21-1.gif\",\"width\":1000,\"height\":400,\"caption\":\"HTTP/2\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird/\",\"name\":\"Warum sich mit HTTP/2 unser Front-end Workflow komplett \\u00e4ndern wird - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird/#primaryimage\"},\"datePublished\":\"2014-09-23T11:44:05+00:00\",\"dateModified\":\"2014-09-23T11:44:05+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/c6a4fab1680ccc1ec0ed63179501b4b1\",\"name\":\"Christoph Rumpel\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/3191eb8b348673db049a15f94835ba83?s=96&d=mm&r=g\",\"caption\":\"Christoph Rumpel\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":159,"id":160,"myRole":161,"name":162,"nickname":163},"User","4","-","c-rumpel","Christoph Rumpel",{"latestKnowhow":165},[166,184,197],{"__typename":79,"id":167,"title":168,"path":169,"wpTeaserText":170,"wpPromotedTeaserImage":13,"wpHeaderImage":171},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":172,"id":173,"excludeFromScreenreader":13,"mediaImage":174,"name":182,"path":183,"status":20},"MediaImage","3364",{"__typename":175,"url":176,"width":177,"height":178,"alt":179,"title":13,"size":180,"mime":181},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":185,"title":186,"path":187,"wpTeaserText":188,"wpPromotedTeaserImage":13,"wpHeaderImage":189},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":172,"id":190,"excludeFromScreenreader":13,"mediaImage":191,"name":195,"path":196,"status":20},"3355",{"__typename":175,"url":192,"width":177,"height":178,"alt":193,"title":13,"size":194,"mime":181},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":198,"title":199,"path":200,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":201},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":172,"id":202,"excludeFromScreenreader":21,"mediaImage":203,"name":207,"path":208,"status":20},"3303",{"__typename":175,"url":204,"width":177,"height":178,"alt":205,"title":13,"size":206,"mime":181},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":210,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":211,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":215,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":218,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":221,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":224,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":227,"Menu:nuxt-main-menu":230,"ROOT_QUERY":244,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":260,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":263,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":266,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":269,"Menu:footer":272,"TermCategories:8":282,"TermTags:506":293,"TermTags:605":294,"TermTags:606":295,"TermTags:1583":296,"User:4":297,"NodeWpPost:980":298,"MediaImage:3364":323,"NodeWpPost:1619":325,"MediaImage:3355":328,"NodeWpPost:1616":330,"MediaImage:3303":333,"NodeWpPost:1606":335},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",212,"internal",20,"expanded",21,"attributes",214],{"__ref":213},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",216,"internal",20,"expanded",21,"attributes",217],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",219,"internal",20,"expanded",21,"attributes",220],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",222,"internal",20,"expanded",21,"attributes",223],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",225,"internal",20,"expanded",21,"attributes",226],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",228,"internal",20,"expanded",21,"attributes",229],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",231],[232,234,236,238,240,242],{"__ref":233},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":235},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":237},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":239},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":241},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":243},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",245,"menu({\"name\":\"NUXT_MAIN_MENU\"})",246,"menu({\"name\":\"FOOTER\"})",248,"route({\"path\":\"/blog/warum-sich-mit-http2-unser-front-end-workflow-komplett-aendern-wird\"})",250,"latestKnowhow({\"excludeId\":\"980\",\"limit\":3})",253],"Query",{"__ref":247},"Menu:nuxt-main-menu",{"__ref":249},"Menu:footer",["null","__typename",77,"entity",251],{"__ref":252},"NodeWpPost:980",[254,256,258],{"__ref":255},"NodeWpPost:1619",{"__ref":257},"NodeWpPost:1616",{"__ref":259},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",261,"internal",20,"expanded",21,"attributes",262],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",264,"internal",20,"expanded",21,"attributes",265],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",267,"internal",20,"expanded",21,"attributes",268],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",270,"internal",21,"expanded",21,"attributes",271],{"__ref":213},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",273],[274,276,278,280],{"__ref":275},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":277},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":279},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":281},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",112,"id",113,"name",114,"path",115,"status",20,"weight",116,"description",283,"langcode",284,"changed",285,"metatag",286],["null","__typename",118,"processed",119,"format",120],{"__ref":213},["null","__typename",83,"timestamp",123,"timezone",85,"offset",86,"time",124],[287,289,291],["null","__typename",93,"tag",94,"attributes",288],["null","__typename",96,"name",97,"content",128],["null","__typename",93,"tag",94,"attributes",290],["null","__typename",96,"name",131,"content",132],["null","__typename",100,"tag",101,"attributes",292],["null","__typename",103,"href",135,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",138,"id",139,"name",140,"path",141,"weight",116],["null","__typename",138,"id",143,"name",144,"path",145,"weight",116],["null","__typename",138,"id",147,"name",148,"path",149,"weight",116],["null","__typename",138,"id",151,"name",152,"path",153,"weight",116],["null","__typename",159,"id",160,"myRole",161,"name",162,"nickname",163],["null","__typename",79,"id",80,"title",81,"changed",299,"created",300,"langcode",301,"path",90,"promote",21,"status",20,"sticky",21,"metatag",302,"category",309,"contentElements",13,"evergreen",13,"tags",311,"wpBody",320,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",157,"author",321],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],{"__ref":213},[303,305,307],["null","__typename",93,"tag",94,"attributes",304],["null","__typename",96,"name",97,"content",98],["null","__typename",100,"tag",101,"attributes",306],["null","__typename",103,"href",104,"hreflang",13,"rel",105,"media",13,"sizes",13,"type",13],["null","__typename",107,"tag",94,"attributes",308],["null","__typename",109,"property",110,"content",81],{"__ref":310},"TermCategories:8",[312,314,316,318],{"__ref":313},"TermTags:506",{"__ref":315},"TermTags:605",{"__ref":317},"TermTags:606",{"__ref":319},"TermTags:1583",["null","__typename",155,"processed",156,"format",120,"summary",13],{"__ref":322},"User:4",["null","__typename",172,"id",173,"excludeFromScreenreader",13,"mediaImage",324,"name",182,"path",183,"status",20],["null","__typename",175,"url",176,"width",177,"height",178,"alt",179,"title",13,"size",180,"mime",181],["null","__typename",79,"id",167,"title",168,"path",169,"wpTeaserText",170,"wpPromotedTeaserImage",13,"wpHeaderImage",326],{"__ref":327},"MediaImage:3364",["null","__typename",172,"id",190,"excludeFromScreenreader",13,"mediaImage",329,"name",195,"path",196,"status",20],["null","__typename",175,"url",192,"width",177,"height",178,"alt",193,"title",13,"size",194,"mime",181],["null","__typename",79,"id",185,"title",186,"path",187,"wpTeaserText",188,"wpPromotedTeaserImage",13,"wpHeaderImage",331],{"__ref":332},"MediaImage:3355",["null","__typename",172,"id",202,"excludeFromScreenreader",21,"mediaImage",334,"name",207,"path",208,"status",20],["null","__typename",175,"url",204,"width",177,"height",178,"alt",205,"title",13,"size",206,"mime",181],["null","__typename",79,"id",198,"title",199,"path",200,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",336],{"__ref":337},"MediaImage:3303"]