1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How They Have Done This? Design Question.

Discussion in 'Web Design' started by womanfcuker, Jun 26, 2012.

  1. womanfcuker

    womanfcuker Regular Member

    Joined:
    Oct 14, 2009
    Messages:
    224
    Likes Received:
    151
    Home Page:
    If you check the website theverge . com, the page is around 6-8 Mb. But it loads in 2-3 ms according to pingdom.

    1. What kind of technique they do to achieve such performance?
    2. When you click on the images, you won't see the 'save image as...' option. What they have done for this?

    Any help from WordPress/Web Design experts will be highly appreciated.
     
  2. gordongekko

    gordongekko Jr. VIP Jr. VIP Premium Member

    Joined:
    May 21, 2007
    Messages:
    220
    Likes Received:
    252
    They are loading images from a CDN rather than the server which houses the site proper.
    Likely the CDN they use allows them to disable right-clicking to save the image.
    Using a tool like Firebug allows you to find the image url and then you can right click to save the image.
     
    • Thanks Thanks x 1
  3. womanfcuker

    womanfcuker Regular Member

    Joined:
    Oct 14, 2009
    Messages:
    224
    Likes Received:
    151
    Home Page:
    Thanks! Saving the image is not the issue. Just wanted to learn what they actually do.
     
  4. graphite2823

    graphite2823 Newbie

    Joined:
    Jun 5, 2012
    Messages:
    16
    Likes Received:
    6
    that website really is something - loaded reall fast - CDN is one thing this thing was a hulk - I get meagre performance with the cloudflare cdn that Im using for one of my sites (free one) ... is that on WP even?
     
  5. Stizerg

    Stizerg Power Member

    Joined:
    Oct 23, 2011
    Messages:
    611
    Likes Received:
    167
    2. all simple, just look at the source
    Every image inside div, with css style "box-shadow: 0 0 50px rgba(0, 0, 0, 0.1) inset;"
    It makes image unclickable and because this div inside an anchor, this area becomes clickable as link.

    It absolutely useless, it couldn't stop us from saving the image. :cool:
     
  6. thetraveller

    thetraveller Senior Member

    Joined:
    Mar 9, 2009
    Messages:
    1,121
    Likes Received:
    686
    Occupation:
    thousandsmouseclicks
    Location:
    Eastern Europe
    Nice find, but I think the OP is trying to find how they could reach such loading speed performance, 6-8 mb of page data displayed in such a short time.

    In my computer the site opened in about 6 seconds, but I think this is still a good performer taking into consideration a lot of first page content.

    In my opinion it is something related to image compression algorithm, so maybe you can dig into this.
     
  7. jazzc

    jazzc Moderator Staff Member Moderator Jr. VIP

    Joined:
    Jan 27, 2009
    Messages:
    2,468
    Likes Received:
    10,147
    [​IMG]

    Slower than 71% of all tested websites.