How They Have Done This? Design Question.

womanfcuker · Jun 26, 2012

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.

gordongekko · Jun 26, 2012

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.

womanfcuker · Jun 26, 2012

Thanks! Saving the image is not the issue. Just wanted to learn what they actually do.

graphite2823 · Jul 2, 2012

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?

Stizerg · Jul 2, 2012

2. all simple, just look at the source

<div class="shadowbox">
<img width="300" height="200" src="http://cdn1.sbnation.com/entry_photo_images/4537747/sonyxqdwide_large_medium.jpg" class="article-image" alt="Photo">
</div>

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.

thetraveller · Jul 2, 2012

Stizerg said:
It absolutely useless, it couldn't stop us from saving the image.

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.

jazzc · Jul 2, 2012

womanfcuker said:
If you check the website theverge . com, the page is around 6-8 Mb. But it loads in 2-3 ms according to pingdom.

Slower than 71% of all tested websites.

How They Have Done This? Design Question.

womanfcuker

Regular Member

gordongekko

Regular Member

womanfcuker

Regular Member

graphite2823

Newbie

Stizerg

Power Member

thetraveller

BANNED

jazzc

Elite Member

Main Menu

Marketplace

Making Money

BlackHat World