[{"data":1,"prerenderedAt":46},["ShallowReactive",2],{"page:blog-id:en:65":3},{"id":4,"order":5,"published":6,"dateInserted":7,"publishDate":8,"dateChanged":9,"author":10,"ratings":5,"ratingAmount":5,"ratingAverage":5,"ratingOwn":5,"files":16,"videos":35,"documents":36,"postTexts":37,"distance":5},65,0,true,"0001-01-01T00:00:00","2022-12-31T23:00:00","2024-02-02T06:57:44.3082198",{"id":11,"name":12,"surname":13,"nickName":14,"fullName":15},1,"Schaffer","Alexander","the boss","Schaffer Alexander",[17,23,29],{"imgUrl":18,"blobImgUrlBig":18,"blobImgUrlSharing":19,"blobImgUrlMedium":20,"blobImgUrlSmall":21,"blobImgUrlMicro":22},"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":24,"blobImgUrlBig":24,"blobImgUrlSharing":25,"blobImgUrlMedium":26,"blobImgUrlSmall":27,"blobImgUrlMicro":28},"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":30,"blobImgUrlBig":30,"blobImgUrlSharing":31,"blobImgUrlMedium":32,"blobImgUrlSmall":33,"blobImgUrlMicro":34},"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",[],[],[38],{"id":5,"locale":39,"header":40,"subHeader":41,"contentShort":42,"content":40,"contentShortHTML":43,"contentHTML":44,"slug":45,"postId":4,"languageId":11,"automaticTranslation":6},"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",1790174245672]