/    Sign up×
Community /Pin to ProfileBookmark

Improving blocking time performance in webpage (slow page)

Hi,
I have a webpage which makes 18seconds to load, which is very high. I have used the net tool of firebug and I’ve seen that the blocking time of some images is about 15secs which explains why the load is so high. In the front-page I have a lot of images and the loading time is about 5-6sec which is not the best but it’s quite ok.

What could I do ti decrease the blocking time if these specific images? Is there any reasons of why only these specific images have so high blocking time while the images in the front pages is quite low.

Each image that has high blocking time (12 images in total) is from 1-70kB, while the one in my front page they might be higher but the blocking time varies from some milliseconds to 1-2seconds.

The blocking time in firebug is defined as the time spent in a browser queue waiting for a network connection (formerly called Queueing)

Thanks in advance.

to post a comment
Full-stack Developer

2 Comments(s)

Copy linkTweet thisAlerts:
@NogDogMay 03.2015 — If these images are for page layout and such, you might consider using the "sprites" technique where they are merged into a single image (sort of a collage of images, if you will), and the html/css layout uses x/y offsets and fixed sizes so that just the portion of that image with the individual sprite you need is visible. That way all those separate images get requested as a single HTTP request, since they're now actually just one image.
Copy linkTweet thisAlerts:
@symeon_mattesauthorMay 03.2015 — No the images are not for layout. All these are mainly with sprite technique. The images I'm talking about are images of a post or the avatar of a user in comments.
×

Success!

Help @symeon_mattes spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...