Want to critique my personal blog site?

Discussion in 'Review My Site' started by richiezh, Aug 12, 2015.

  1. richiezh

    richiezh New Member

    Messages:
    27
    Likes Received:
    1
    Trophy Points:
    3
    I am new to the world of web development, in fact I started it as a little hobby of mine less than a year ago. I currently have a blog which I post photos onto occasionally. I designed the entire site from scratch, and am hoping if anyone can critique its design or give me some advice to make it better.

    Here it is: http://www.richiezhangblog.ca/

    Again, I would appreciate any musings or advice on the design, or the site as a whole.
     
  2. proje129

    proje129 New Member

    Messages:
    7
    Likes Received:
    0
    Trophy Points:
    1
    Well the design is flawless, I love it, maybe a bit too professional almost as if you used a template or site builder of sorts but it's ok, the only main gripe I have about the site is that it is a bit slow at loading, which just screams site builder to me site builder but besides that good work, also nice pc tear down.
     
  3. richiezh

    richiezh New Member

    Messages:
    27
    Likes Received:
    1
    Trophy Points:
    3
    Thank you! I hand coded the entire site without using a sitebuilder, and I think it's a bit slow because the images are pretty high-res. I will look into fixing the speed problem in the future.
     
  4. caftpx10

    caftpx10 Well-Known Member

    Messages:
    1,502
    Likes Received:
    110
    Trophy Points:
    63
    Little tip: use your browsers developer tools. In the network tab, when reloading, it would show the download times along with what's requesting what, the content, data type, size, and the time it takes to send/recieve.
     
    • Like Like x 1
  5. richiezh

    richiezh New Member

    Messages:
    27
    Likes Received:
    1
    Trophy Points:
    3
    Thanks! I will look into that.
     
  6. bdistler

    bdistler Well-Known Member Prime Account

    Messages:
    3,534
    Likes Received:
    195
    Trophy Points:
    63
    • Agree Agree x 1
  7. proje129

    proje129 New Member

    Messages:
    7
    Likes Received:
    0
    Trophy Points:
    1
    12.9MiB? Wow I didn't even take that into consideration he said it was handoded so I assumed...
     
  8. ajstetson17

    ajstetson17 Member

    Messages:
    56
    Likes Received:
    7
    Trophy Points:
    8
    It seems like one of the main reasons that your webpage is loading slowly is due to the large page size, as mentioned above. Upon further inspection, I noticed that the pictures on the site are very large. For example, the header image is 4159 x 2239 pixels, which is huge for a website. Most of the other images are also very large too. These need to be downsized (in quality), as it makes the webpage huge, slowing down your website.
     
  9. Zenax

    Zenax Active Member

    Messages:
    1,377
    Likes Received:
    4
    Trophy Points:
    38
    Quite a nice website, clean and functional, does the job its intended to do. Not sure if it has been fixed yet, but the issue of slow loading images can be sorted in a few ways. One is obviously to reduce image size and the second is to use something called Lazy Loading of images. It basically doesn't download an image until it has entered the viewport of the browser, hence creating a faster loading time for the page.

    All in all a good layout and design style.
     
  10. shameers

    shameers New Member

    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    hi,
    Website is simple and good looking..

    regarding the image file size issue you can use below sites to reduce the same without loosing it's quality....

    simple steps upload, check quality of output and download...
    jpeg formate files:- http://www.jpegmini.com/main/shrink_photo/

    for png formate file (no previews available you need to download and check quality)
    https://tinypng.com/

    Reduce file size and update site :) :) :)
     
  11. caftpx10

    caftpx10 Well-Known Member

    Messages:
    1,502
    Likes Received:
    110
    Trophy Points:
    63
    Little tips when it comes to PNG file size and speedy requests....

    I use http://compresspng.com/ (lossy) first and THEN https://tinypng.com/ (loseless).
    In order, they're very effective in decreasing the file size by a crazy amount.
     
    Last edited: Sep 22, 2015

Share This Page