[{"data":1,"prerenderedAt":59},["ShallowReactive",2],{"page:blog-slug:en: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},"en","Performance Checklist","Code and Architektur","Architecture, bugs, or unnecessary complex functionality in the code reduces performance","\u003Cp>Website performance depends on the strategy chosen (\u003Cstrong>Multipage vs Singlepage\u003C\u002Fstrong> and \u003Cstrong>Static vs Dynamic\u003C\u002Fstrong>), data transfer (data volume, CDN, cache strategy, backend), code structure and many other factors. \u003Cstrong>Simplicity\u003C\u002Fstrong> and \u003Cstrong>Clean Code\u003C\u002Fstrong> but is, in my opinion, the most important thing in every respect.\u003C\u002Fp>","\u003Ch2>Straegies\u003C\u002Fh2>\u003Cp>*The backend is a Free Tier Azure Web App and 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 with PWA\u002FService Workers, i18n (internationalization, languages) Backend authentication for dynamic role-based navigation and functions\u003C\u002Fp>\u003Ch3>Performance Checklist\u003C\u002Fh3>\u003Cul>\u003Cli>\u003Cp>CSS vars - Beware of inheritance\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Slider my JS Overhead\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Plugin Reduction (global vs. component based architecture)\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Bootstrap - load only parts that are needed to load\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 Error\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Strategies: SSR\u002FStatic - MPA\u002FSPA\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Font file loading\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Chunk Optimization\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Webpack Optimization\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Cache Strategies\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 Optimization\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Images with modern 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,47,49,52],{"locale":36,"slug":42},{"locale":48,"slug":42},"de",{"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",1792250811801]