During these uncertain times, how can we help?

As the world leader in volunteerism we feel a responsibility to unite our broader community, and to use this moment to become stronger.

See below to access our COVID-19 Resource Hub, and to explore our growing directory of COVID-19-specific and virtual volunteering opportunities.
Read More
 

FIX MINIFIED JS AND CSS

Save to Favorites

Haiti Now (Ayiti Now Corp)

  • 5 people are interested
graduation

WHAT'S WRONG

  • There are 3 components that can be minified
    • https://www.haiti-now.org/wp-content/themes/ultra-child/js/jquery.picasa.js
    • inline tag #5
    • inline tag #9
KEY POINTS

The components a webpage includes are written by humans so include things that make the Javascript and CSS more readable. Spaces, comments describing the code and descriptive names used in programming (functions and variables) can be removed or changed to shorter names while still producing the same end result. The process of doing this is called minification.

HOW IT'S USED
  • These extra bits of information are used to make it easier for developers to work on the code, they aren't required by web browsers to run it
  • Minifying these components often results in a dramatic reduction in their file size meaning the component will download faster and your page will display faster
BEST PRACTICE
  • Minify all CSS and Javscript: those in separate files and those included directly in the HTML
  • Keep the original, non-minified component so that its code can be changed in future (it's very hard for humans to read and change minified code)
  • Both minification and compression (GZIP) should be done: minifying changes the contents of the original file to make it smaller, compression further reduces the size of the minified file without changing its contents
FIX THIS YOURSELF It's likely your website platform doesn't minify Javascript and CSS automatically, but you might be able to do it yourself.

Making this change incorrectly can break features of your webiste, including add to basket, and break how your site looks. You should be confident working with Javascript and CSS to continue

  1. Locate where in your website your Javascript and CSS is
  2. Javascripts and CSS with filenames ending in .js and .css can be safely minified
  3. Don't modify the .js and .css files directly: add a new file for each file type, suffixed .min.js/.min.css
    • So an original file example.js will have an accompanying file example.min.js that is its minified version
  4. There are many online Javascript and CSS minification sites, search for one (Javascript and CSS minify differently, so you'll need one for each)
  5. Follow their instructions (usually you'll paste the contents of example.js into them a press 'Minify')
  6. Paste the minified example.js code into the example.min.js file you're creating
  7. Locate where this component is included in your website HTML. It may be in a single template or multiple pages
  8. Change example.js to example.min.js in your website HTML code
  9. Repeat the steps above for every non-minified .js and .css asset in your theme

99 More opportunities with Haiti Now (Ayiti Now Corp)

2 Reviews

About Haiti Now (Ayiti Now Corp)

Location:

1300 Washington Ave., #662, Miami Beach, FL 33119, US

Mission Statement

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.

Description

Our Vision

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

WHEN

We'll work with your schedule.

WHERE

This is a Virtual Opportunity, with no fixed address.

SKILLS

  • Website Programming

GOOD FOR

N/A

REQUIREMENTS

N/A

Report this opportunity