[{"data":1,"prerenderedAt":59},["ShallowReactive",2],{"page:blog-slug:de:performance-checklist":3},{"order":4,"postTopCategoryName":5,"publishDate":6,"dateChanged":7,"author":8,"ratings":4,"ratingAmount":4,"ratingAverage":4,"ratingOwn":4,"files":13,"videos":32,"documents":33,"postTexts":34,"questions":43,"noIndex":44,"alternates":45,"distance":4,"effectiveStatus":55,"effectiveAudience":4,"effectivePublishFrom":56,"listed":57,"uuid":58},0,"blog","2022-12-31T23:00:00","2024-02-02T06:57:44.3082198",{"name":9,"surname":10,"nickName":11,"fullName":12},"Schaffer","Alexander","the boss","Schaffer Alexander",[14,20,26],{"imgUrl":15,"blobImgUrlBig":15,"blobImgUrlSharing":16,"blobImgUrlMedium":17,"blobImgUrlSmall":18,"blobImgUrlMicro":19},"https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Faef36fca83244cbc991a62540414009f-big.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Faef36fca83244cbc991a62540414009f-sharing.jpeg","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Faef36fca83244cbc991a62540414009f-medium.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Faef36fca83244cbc991a62540414009f-small.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Faef36fca83244cbc991a62540414009f-micro.webp",{"imgUrl":21,"blobImgUrlBig":21,"blobImgUrlSharing":22,"blobImgUrlMedium":23,"blobImgUrlSmall":24,"blobImgUrlMicro":25},"https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002F68c90def851f4118900be36f35debc27-big.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002F68c90def851f4118900be36f35debc27-sharing.jpeg","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002F68c90def851f4118900be36f35debc27-medium.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002F68c90def851f4118900be36f35debc27-small.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002F68c90def851f4118900be36f35debc27-micro.webp",{"imgUrl":27,"blobImgUrlBig":27,"blobImgUrlSharing":28,"blobImgUrlMedium":29,"blobImgUrlSmall":30,"blobImgUrlMicro":31},"https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Ff30d0beaacae493aab1695d026e31137-big.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Ff30d0beaacae493aab1695d026e31137-sharing.jpeg","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Ff30d0beaacae493aab1695d026e31137-medium.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Ff30d0beaacae493aab1695d026e31137-small.webp","https:\u002F\u002Fmedia.mahevi.solutions\u002Fimage\u002Ff30d0beaacae493aab1695d026e31137-micro.webp",[],[],[35],{"locale":36,"header":37,"subHeader":38,"contentShort":39,"content":37,"contentShortHTML":40,"contentHTML":41,"slug":42},"de","Performance Checklist","Code and Architektur","Architektur, Fehler oder unnötige komplexe Funktionalität im Code mindert die Performance","\u003Cp>Website Performance hängt von der gewählten Strategie (\u003Cstrong>Multipage vs Singlepage\u003C\u002Fstrong> und \u003Cstrong>Static vs Dynamic\u003C\u002Fstrong>), Datentransfer (Datenmenge, CDN, Cache Strategie, Backend), Codeaufbau und vielen weiteren Faktoren ab. \u003Cstrong>Simplicity\u003C\u002Fstrong> und \u003Cstrong>Clean Code\u003C\u002Fstrong> ist aber in jeder Hinsicht meiner Ansicht nach das Wichtigste.\u003C\u002Fp>","\u003Ch2>Straegies\u003C\u002Fh2>\u003Cp>*Das Backend ist eine Free Tier Azure Web App und SQL Database.\u003C\u002Fp>\u003Ch4>Static Strategy\u003C\u002Fh4>\u003Cp>🔗 \u003Ca target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"http:\u002F\u002Fmahevi.solutions\">\u003Cstrong>mahevi.solutions\u003C\u002Fstrong>\u003C\u002Fa>\u003C\u002Fp>\u003Cp>Static Page mit PWA\u002FService Workers, i18n (internationalization, Sprachen) Backend-Authentication für dynamische rollenbasierte Navigation und Funktionen\u003C\u002Fp>\u003Ch3>Performance Checklist\u003C\u002Fh3>\u003Cul>\u003Cli>\u003Cp>CSS vars - Achtung bei Vererbung\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Slider mit JS Overhead\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Plugin Reduction (global vs. component based architecture)\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Bootstrap - nur Teile laden die benötigt werden laden\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Service Worker (PWA - Progressive Web App)\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>lazy hydration\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Cookie Strategy\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Store and indexedDB\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Custom Page Setup mit Custom Navbar\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Purge CSS\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Compress files\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Code Fehler\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Strategien: SSR\u002FStatic - MPA\u002FSPA\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Font file loading\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Chunk Optimierung\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Webpack Optimization\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Cache Strategie\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Backend Optimization\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>load balancer\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>CDN (Content Delivery Network)\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Hardware\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>DNS Look Up Optimierung\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Images mit modernen Standards\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Load Sequence (Preload, Lazy Load, Async\u002FDeferred Load)\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Code Simplicity\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Layout Shift (eg Cookie Consent)\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>JavaScript Analyse\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>","performance-checklist",[],false,[46,48,49,52],{"locale":47,"slug":42},"en",{"locale":36,"slug":42},{"locale":50,"slug":51},"it","elenco-di-controllo-delle-prestazioni",{"locale":53,"slug":54},"fr","liste-de-controle-des-performances",1,"2000-12-31T23:00:00",true,"79b4a52f-5106-46cb-a36c-e9ee4f95182e",1792250811453]