slow load time
Our site ishttp://www.bluehillschurch.org.
This is my first time building a website, and am giving myself a crash course in the process. I am not a developer or an expert, but would appreciate help in understanding how to build a simple, fast website that still looks good. What should be avoided, what should be included, ect. There have been numerous requests to include live streaming and/or video links on the home page. I know this often slows a site down, so I have not attempted that yet. However, I know sites that have many videos, and still load reasonably fast. What is the trick to optimizing load time while using graphics/videos/apps?
First off, get YSlow to analyze your site:http://yslow.org/ (available for Firefox, Chrome, Safari, and Opera)
I ran YSlow on your site, and it graded you with a B (82). Not too bad.
It gives a few suggestions on how to improve the site. A few big ones:
-- Too many HTTP requests. You've got 9 JS and 9 CSS files being referenced. That's a lot. Each request slows down the site.
-- Put your JS at the bottom of the site, just before the closing </body> tag. This will make the page seem faster: all the content can load before the JS.
-- Don't resize images in the browser. Your background image is scaled up. It not only looks kind of bad, but it also slows down the site.
-- Optimize your images more. This is a hard one to balance, but if you an make any images smaller, it will help. Here's a couple of programs that can help: Mac - ImageOptim -http://imageoptim.com/ , Windows: Riot -http://luci.criosweb.ro/riot/
A couple other things that may help:
- Minify your CSS and JS.
- Serve images from a CDN.
Here's an article that has more info:
I'd highly recommend getting YSlow as a first step. It has a ton of info in it.
If you look it's the initial HTTP GET that's causing the slow load times. I can recreate it on my website but cant seem to solve the problem. This has got to be something with C5 somewhere...
I have also come across excessive time-to-first byte times because of a typo in the site.php - a missing quote.
Another reason can be that there are in fact errors/warnings, but because the sites Debug Mode is set to hide them; everything looks OK. Turning on the "Show errors in page" in the "Debug Level" settings will reveal if this is the case.
Since when did Cache cause issues like this?!
Thanks soo much!
In fact. I also have my suspicions that you can't truly turn it off completely.
I didn't think nginx was supported for concrete5.
I don't know much about nginx but I believe you have to specifically configure it to use the zend framework (the cache system concrete uses)
I have an add-on for Chrome called Builtwith Technology Profiler that sniffs through the page and reports all kinds of details. It identifies nginx as the server for Blue Hills Church site. It might be identifying nginx as a false positive but it's been pretty reliable in the past.