Getting three scripts to work on one page. possible??
# March 20, 2013 at 12:22 pm
Can I ask…?
I want to forewarn you that I can be a bit anal-retentive when it comes to detail, but I would like to know more about your development process for this website.
Also, please bare with me all if you have already answered to anything that I am about to ask or state, as I am going purely off of scribbleart’s original post. No I have not read in detail any responses, simply because it seems that this is an open issue and has yet to be resolved.
Personally, I believe that more details need to be provided to not only help with the current issue, but as scribbleart has expressed, the client is going to want future work, as for now an additional slideshow. When a person is scrambling on what to do in the future, when they are already presented with a problem, this causes me to ‘want to know more’ about the entire process.
So, with that said…
Scribbleart, my first concern is what languages are you developing in?
Client-Side: HTML, CSS, jQuery (Obviously), anything else?
Server-Side: ASP, .NET, JAVA, PHP, something else?
You say that you are new to the industry….
> “Now, since then….. I followed advice to put all the scripts at the bottom of the page and limit my calls for jquery to one. I did this and the page is looking rough- and none of the scripts are working.”
If you want faster load times, please refer to Chris’s Tutorial on the subject, [http://css-tricks.com/video-screencasts/114-lets-do-simple-stuff-to-make-our-websites-faster/](http://css-tricks.com/video-screencasts/114-lets-do-simple-stuff-to-make-our-websites-faster/ “Faster Load Times”)# March 20, 2013 at 1:55 pm
Thanks for your help.
Since my skill set is limited, I had tried to follow all the advice that I was given. So, I put all the scripts at the bottom of the page and moved things , took things out –as people suggested. I just don’t seem to be making much progress.# March 20, 2013 at 2:33 pm
Ensure that you always call for your external documents (meaning outside the page) into your < 'head'> section of your page in the following order:
Inline jQuery Scripts
Don’t call a secondary script before you’re done with the first script. You want to make sure that you work on one at a time, typically from the top of the page down, before continuing onto the next one. This way it is easier to locate and troubleshoot your problems…# March 20, 2013 at 2:37 pm
Also, with CSS it is best to have everything in a single stylesheet (as much as possible) and use section labeling in the document to locate specific areas for modification. The reason being that it adds to your load time calling more documents. Browsers typically load 1-2 files at a time. This can be modified on your side, but regardless, the end-users will only have the limit of 1-2. Same goes with images. Best practice is to use sprites…# March 20, 2013 at 2:39 pm
If I am losing you at this point, I’m afraid that you have much to learn before taking on website development/ design. If you’re still with me, then let me know where you are at. If you would like, you can send me your files in a zip and I can take a look through them…# March 21, 2013 at 11:09 am
You sure will.
In a lot of cases, the JS isn’t needed until the page is fully loaded. So that the bottom of the page is the place to ‘activate’ that JS.
If you put modernizer or responsive.js in the footer the screen will have to redraw / repaint based on that JS after it’s already loaded / painted.
By all means put **essential** scripts in the head. Other scripts can wait until the end. In fact, I dare to say, that’s best practise.# April 12, 2013 at 6:51 am
You must be logged in to reply to this topic.