search

anjalit03 / Dazzle-and-Delight

The project creates an event management website that provides a platform for the users to view information about the events that took place in the past and the ones that are about to take place shortly.
https://dazzle-and-delight.vercel.app/
MIT License
6 stars 32 forks source link

[Enhance]: Page Loading speed #35

Open Picodes10 opened 4 days ago

Picodes10 commented 4 days ago

The page loading speed is suboptimal, leading to a slower user experience. This can impact user engagement and SEO performance. Enhancements are needed to optimize the page load times for a smoother and faster experience.

anjalit03 commented 4 days ago

@Picodes10 Can you elaborate on how this issue can be resolved??

Picodes10 commented 20 hours ago

@anjalit03, here are some of the following:

  1. Optimize and Compress Images
  2. Use Minified Versions of CSS and JavaScript: Use minified versions of CSS and JavaScript files, which you can find by adding .min to their URLs (like bootstrap.min.css or script.min.js). Minified files remove unnecessary spaces and comments, making them smaller.
  3. Use CDN for Bootstrap and jQuery: Instead of downloading Bootstrap or jQuery files, use a Content Delivery Network (CDN). CDNs load files from servers around the world, so the file loads faster. Just copy-paste CDN links for Bootstrap or jQuery into your project.
  4. Keep File Requests to a Minimum: Combine CSS and JavaScript files whenever possible, or use only a few stylesheets and scripts. Each file is an extra request, so reduce the total number of files being loaded.

You can use any or all of the above ways to fix the loading issues. There are other solutions that are available but these are the solution which I use as they are most basic and easy to implement.