loading...

Improvements in my web app

sroy8091 profile image Sumit Roy ・2 min read

What I got

I got any reviews and suggestion from peers and from friends. Some of them were

  • Homepage font is awesome
  • The app is nice but loading is slow.

After all these reviews now is the time for improvement. The first thing I must consider is the loading time of my web app which was very high due to the use of .gif file in background hence I compressed it manually though I was not satisfied with the loading time. So introduced a new package in my project compression

var compression = require('compression')
var express = require('express')
var app = express()
app.use(compression())

One more idea came to my mind. What if the background will be chosen randomly?

Random background

I introduced 4 more gifs in my static/img folder and wrote a small script to chose them randomly.

var source = [
            'back.gif',
            'code.gif',
            'codeback.gif',
            'abs.gif',
            'app.gif'
        ];
var randomNumber = Math.floor(Math.random()*source.length);
$('body').css('background-image', 'url(/img/'+source[randomNumber]+')');

And voila everytime the user reloads he will get a new background(most of the time).

Homepage 1 Homepage 2 Homepage 3

Search optimization

One more tweak I would like to do in future is optimizing the search by including a separate column for tsvector and indexing that using GIN. Going through the documentation of PostgreSQL I ran into these three pages for optimizing full-text search and info about the functions.

Here is the index of all the post regarding this series of snipcode developemnt

Part I: App Idea
Part II: App prototype
Part III: Local Development
Part IV: G for Git
Part V: Data Modeling
Part VI: Data & Auth APIs
Part VII: Basic Functionalities
Part VIII: App Screen 1
Part IX: App Screen 2
Part X: App Screen 3
Part XI: User Reviews
Part X: Final Submission

Discussion

pic
Editor guide