Application Optimization
To deliver a good web application for your customer, you want the customer to be able to go through the website quickly without waiting for a long time. There are several useful tools for this. This is called production optimization. There are also a few basic things that you can apply such as:
-
Minification of resources refers to the process of removing unnecessary, redundant data from your HTML, CSS, and JavaScript that are not required to load. This includes eliminating code comments and formatting, white space characters, unused codes, newline characters, and so on.
-
Prevent broken links to files that don’t exist.
-
Remove Unnecessary Custom Fonts
-
Script type module in JS (type=”module”)
-
Code splitting (JS, CSS, and HTML can be split into smaller parts)
Depending on your device and it's specs, you can make your application quicker for different devices. Usually if you have an older device for example, with worse specs, you can feel the difference when a application is optimized and when it's not. If it's optimized it will most likely be quicker than when it's not.
Your application can also make a difference in bandwidth. This is more of an issue for financial purposes. If you have a larger bandwidth use, then your application will most likely cost more money, because you want users to be able to use your application, so you would need to pay more for more bandwidth.
In our application we are going to apply lazy loading. this means that the content of the site is loaded first and then the image. this makes the application slightly faster. By giving styling to the html tag the img has a fixed size and width. This prevents the content from jumping when it is loaded We want to apply the sass tool. In the following headings we are going to explain what it is and why we are going to use it.
- Vite ✔✔
- React ✔✔
- D3.js ✔✔
- LottieFiles ✔✔
- Lodash ✔✔
- Date fns ✔✔
- Javascript Cookie ✔✔
- Jwt Decode ✔✔
- Tailwind ✔✔
- GSAP✔✔
- Axios✔✔
- Animatie ✔
- Kleur ✔
- Gradients ✔
- Vormpjes maken ✔
- Filters ✔
- Application Optimization✔✔
- Compress Assets✔✔
- Sass ✔✔
- Gulp ✔✔
- Fonts-Optimization ✔✔
- Vercel ✔✔
- Campspace ✔✔
- Deanna Bosschert ✔✔
- Cyd Stumpel ✔✔
- Aaron Gustafson ✔✔
- Niels Leenheer ✔✔
- Hidde de Vries ✔✔
- Chanel Mepschen
- Servin ✔✔
- Brian Bawuah ✔✔
- Kilian Valkhof ✔✔
- Extra Notes
- NXT Museum | Foreign Nature
- dialogs & modals, three.js,
- Cas Obdamn ✔✔
- Wimer Hazenberg ✔✔
- Roos Verkade ✔✔
- Kilian Valkhof ✔✔