-1

I am not sure if it is the right place to ask the question but I couldn't find any channel on StackExchange relating to the question so thought to ask here.

My client asks me to build a website that loads faster as this.

I know we can use Vue.js, Angular, React.js etc. to make the website faster and works as SPA. However, that also takes a few seconds to loads the data. I am unable to figure out the technology the referred website is using.

Can anyone help me or suggest me some technology that loads website fast as the reference one?

Code Lover
  • 8,099
  • 20
  • 84
  • 154
  • Looking at the source code it seems the website uses https://nuxtjs.org. Check the nuxt website. It looks and feels similar – Evmorov Sep 04 '20 at 07:54

2 Answers2

2

The problem is more complex. If you want a very fast website you should think at a bigger scale and not resume at technology used to build the website.

  • First of all you must have a distributed architecture of website servers to reduce latency for your visitors. It is not making sense for a visitor from Germany to load the site from a Tokyo server just because there we have the host provider. We must serve the German visitor from a server in proximity like France for example. Even more, here is very important also the way you are going to manage the website resources. For example the static resources should stay in a cloud front web server because they will be cached and served very fast. In general a browser has a limited number of threads used to bring data from the same domain. Having the static files on another machine will increase this number.
  • All of your pictured should be optimized with the new format webp or use SVGs.
  • All the pictures should be already resized in the proper dimension (or be served in proper size) and not let the browser to resize them for you to fit in containers.
  • All the JS files should be packed in one big file to reduce the number of requests
  • Minify the CSS files and they should also be bundled in only one big file (if is possible)
  • Enable web server compression. Gzip is the most popular and effective compression method currently available and generally reduces the response size by about 70%. Approximately 90% of today's Internet traffic travels through browsers that claim to support gzip.
  • Reduce cookie size
  • Have a reduced number of DOM elements
  • Add Expires headers
  • Combine images using CSS sprites (where is possible)
  • Avoid inline JavaScript
  • Use asynchronous resources

There are more other small optimizations that can improve the performance, but here you have the most important ones from my point of view.

After you thought of all these, now you should start building the website in such a way to accommodate them all and choosing the technology that will help you to cover these problems. In the end to answer your question the presented site https://aiad.com.au/ was build with NuxtJS based on Vue.js.

D A
  • 1,724
  • 1
  • 8
  • 19
0

I can suggest some of the steps:

  1. Create a light weight site.
  2. Remove unwanted variables and codes.
  3. create good code for the site.
  4. Declare any one variable that can be use in multiple pages and codes insted of declearing multiple variables.
  5. Queries need to be optimized which you are using in a project.
  6. Depends on the server and bandwith where you will deploy your project.
Ravikiran
  • 512
  • 3
  • 14
Deepak Sharma
  • 331
  • 3
  • 11
  • 1
    I understand the importance of what you said. However, I believe there is some kind of technology behind it. What you have suggested that may improve performance but still won't load the website lightning fast as the referred website loads. – Code Lover Sep 04 '20 at 07:38