Keeping components that do different things in different files in a good programming practice. For example, a slideshow may have a slideshow.js and slideshow.css completely separate from shoppingCart.js and shoppingCart.css. However if they're included like this on a webpage it means the user's web browser has to say to the web server 'give me slideshow.js', 'give me slideshow.css', 'give me shoppingCart.js' etc. generating four HTTP requests.
Components of the same type can be combined into a single file. For example we could combine slideshow.js and shoppingCart.js into combined.js. In our example this halves the number of HTTP requests from four to two. Each HTTP request has a small time overhead associated with it (where the browser says 'give me X' and the server responds 'here is X'), so reducing the number of HTTP requests reduces the time this conversation with the server takes.
HOW IT'S USED
A HTTP request is simply a conversation between the web browser and server saying 'give me a script named X' and the server 'responding here is the script X'
Web browsers can make more than one HTTP request at once, but this is limited to between two and six requests at once
So web browsers may have to wait to start another request if there are too many on the page
Plus it takes a little time to make the actual HTTP request itself
Images can be combined using techniques like CSS sprites, image maps and inline images but they're more technically involved and if overused can cause the overall speed to degrade
Don't modify the .js and .css files directly: create a new combined file for each file type
Create a combined.js and combined.css
For each .js file paste its contents directly into combined.js, one after each other and make a note of the .js filename like slideshow.js
Likewise for each .css file paste its contents directly into combined.css, one after each other and make a note of the .css filename like slideshow.css
Now find where the files are included in your website code and replace all of the references with a single reference to the combined files
Remove all of the original file references like slideshow.js and replace with a single script reference like this: example.com/scripts/combined.js">
For each stylesheet (CSS) that is now included in combined.css, locate where this component is included in your website code
Remove all of the original file references like slideshow.css and replace with a single reference like this: example.com/styles/combined.js" rel="stylesheet">
Save and upload all of the files you've changed and check your site looks and works how it was before
1300 Washington Ave., #662, Miami Beach, FL 33119, US
Haiti-Now is dedicated to empowering Haitian girls living in domestic servitude to overcome poverty and exploitation to achieve economic security. Ayiti Now Corp is a 501(c)(3) organization. (Ayiti = Haiti in Creole) After completing onboarding, regardless of the role and team you are joining, your first assignment will be to start a fundraising campaign. Haiti Now will provide further guidance for you to have a quick and successful fundraiser.
To see girls in domestic servitude overcome extreme poverty, heal emotional trauma, and live rewarding lives.
After completing onboarding, regardless of the role and team you are joining, your first assignment will be to start a fundraising campaign. Haiti Now will provide further guidance for you to have a quick and successful fundraiser.
Advocacy & Human Rights
Children & Youth
Education & Literacy
We'll work with your schedule.
This is a Virtual Opportunity, with no fixed address.