Performance

[Manish-Kothary]

a) https://gtmetrix.com/reports/cbdbene.com/LzPi55uc

• check errors here

many undefined api calls - causing delays

b) checked network request of the site https://prnt.sc/pb3kpp

• check all undefined URLS..and other issues: 504 requests

c) see the console https://prnt.sc/pb3kt0

• solve CORS issue

d) console printout must be disabled. e) Use aggregation for queries... mongo db

f) There are 3 static components without a far-future expiration date.

MAKE THIS A PRODUCTION BUILD ....please so we can test properly

ways/changes to improve the speed of site::

• Minimize HTTP Requests,
• Reduce server response time,
• Enable compression
• Minify HTML, CSS and JS
• Enable browser caching
• Use a content delivery network (CDN) [ Will not be possible with BigRock...so we need to migrate to DigitalOcean ]
• Reduce redirects

[Anas-MI]

1. The reason why i was against of uploading the images for bundles was for this reason. It has made the performance of our site go low as these images are not compressed. So please fix that. I have showed you the score of 94% with the optimized image.

All the errors regarding the scaling can be ignored coz that's a part of our functionality. We scale down the images to display them without losing on its quality.

2. Will see if this is an issue or not.

3. There is no cors issue. The error is showing due to some other reason.

4. I will clear out the console once we finalize it for everything. We use the console to debug issues.

5. Use aggregation?? what do you mean??

6. That's not an issue that you should be worried off.

This is a production build.

[Manish-Kothary]

5. https://www.tutorialspoint.com/mongodb/mongodb_aggregation.htm

[Manish-Kothary]

1. We should load only the basic page when user first comes to the site (and then load images asynchronously ...so use lazy loading for all images).

Initial speed is key. https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/

[Anas-MI]

5. https://www.tutorialspoint.com/mongodb/mongodb_aggregation.htm
   • This was a reply to your question "Use aggregation?? what do you mean??"

How else would we fetch the data back??

This is how its done. This is how its done everywhere.

[Manish-Kothary]

I have discussed this issue. 2 things we need to do:

1. We need to use Webpack tool - it needs to be configured properly for making css requests and then js requests
2. Use lazy loading of image

we can reduce load speed to 2-3 seconds.

[Anas-MI]

Did some changes today.