/    Sign up×
Community /Pin to ProfileBookmark

How can I get my wordpress/zenphoto website to run faster?

Copy linkTweet thisAlerts:
Oct 02.2008

I have a WordPress installation and an Zenphoto installation which are both themed to match one another. The Zenphoto installation shares the WordPress header and footer so some of the wordpress plugins carry over to ZP. The trouble is, even on a fiberoptic connection, the loading time can be frustrating. Sometimes 4 – 5 seconds to finish loading. For me, that’s not bad, but I hate to think what people on regular DSL lines or even dialup must be experiencing.

Basically, I want to find a way to help speed things up. I know my server is faster than what I’m getting. I don’t really know how to do that. Can someone offer some suggestions?

This my website here:
[url]http://www.petruzzo.com[/url]

I tried installing a WordPress plugin used to help cache pages but it caused a conflict with ZP.

to post a comment
PHP

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@ratcatemeOct 02.2008 — i ran YSlow on your page it suggests

make fewer requests:

your page loads 13 JS files and 7 CSS can you make these into one or two?

expires header:

your images,js files and css files dont have expires headers so ever time someone loads your page they have to reload them(i think that is what it is trying to say).

gzip:

your css and js files are not gziped proberly not a biggy but if you make them into one or two big files you might want to consider it

js at the bottom:

if you take your js includes out of the <head> then the browser can display the page while it loads those js files

hope this helps

Scott.
Copy linkTweet thisAlerts:
@bpetruzzoauthorOct 02.2008 — Hmm. In my header I have 4 js and 3 css. I'm guessing the rest are coming from plugins, which I don't think I'd know how to go through and combine into one file.

I'm not sure what the expires header thing means? Is that something I can add to my existing set up? Also, how can the js files be moved out of the head? I thought they wouldn't run?
Copy linkTweet thisAlerts:
@bpetruzzoauthorOct 02.2008 — Ok, I went through the header file and removed all the erroneous calls that I could and it did make a noticable difference. Although I only actually removed about 4 of them. Can you run that thing again and see what it says?
Copy linkTweet thisAlerts:
@ratcatemeOct 03.2008 — yea it didn't change much i guess you might just have to live with it most of the js and css are in your plugins so not much you can do about it.

Scott.
Copy linkTweet thisAlerts:
@bpetruzzoauthorOct 03.2008 — Ok, I got ambitious and I went and combined all the css files throughout my various plugins into one file. I went and combed through the plugin php files to remove the calls for the css files so that it's only being called for once. It feels like things are running a little lighter. Now, I'd like to move on and try the same thing with the javascript files. I found about 6 - 7 that would be called each time the user visits the site.

I tried combining them into one file but discovered that I think I don't know how to go about doing that. What would the syntax look like inside the js file?
Copy linkTweet thisAlerts:
@bpetruzzoauthorOct 03.2008 — anyone know?
Copy linkTweet thisAlerts:
@ariellOct 03.2008 — What would the syntax look like inside the js file?[/QUOTE]

What exactly is your question about? How JS looks like?
Copy linkTweet thisAlerts:
@bpetruzzoauthorOct 03.2008 — No, I mean, I don't know very much about javascript. I couldn't write it to save my life. I can cut and past code though. But, when it comes to taking five different js files and putting them into one, how would those files be strung together in the one big js file?
Copy linkTweet thisAlerts:
@ShortsOct 03.2008 — just put one after the other.

code_1.js:
[CODE]
function code_1() { /* do stuff */ }
[/CODE]

code_2.js:
[CODE]
function code_2() { /* do stuff */ }
[/CODE]

code_3.js:
[CODE]
function code_3() { /* do stuff */ }
[/CODE]

Now combined:
[CODE]
function code_1() { /* do stuff */ }
function code_2() { /* do stuff */ }
function code_3() { /* do stuff */ }
[/CODE]
Copy linkTweet thisAlerts:
@bpetruzzoauthorOct 03.2008 — Should it matter what order its in?
Copy linkTweet thisAlerts:
@ShortsOct 03.2008 — nope
×

Success!

Help @bpetruzzo 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 6.16,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...