# Compressing / Optimize a Website before upload
**URL:** https://forum.pinegrow.com/t/compressing-optimize-a-website-before-upload/5006
**Category:** Questions
**Created:** [February 23, 2021, 5:18pm UTC](https://forum.pinegrow.com/t/compressing-optimize-a-website-before-upload/5006 "2021-02-23T17:18:50Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)
#### Post date: [February 23, 2021, 5:18pm UTC](https://forum.pinegrow.com/t/compressing-optimize-a-website-before-upload/5006/1 "2021-02-23T17:18:50Z")
Hi,
Do you guys know an application that compresses scripts, images (maybe in the WebP format), adds a sitemap, robots.txt and so on (maybe with integrated FTP upload) before (or after) uploading a website? Wordpress has plugins for that but it would be nice to have something that works with Pinegrow (or any HTML website). My Google search wasn’t that helpful…
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [February 23, 2021, 7:53pm UTC](https://forum.pinegrow.com/t/compressing-optimize-a-website-before-upload/5006/2 "2021-02-23T19:53:44Z")
Well, depends.
On your operating system, or if using free or paid, or online services, doing it yourself manually with apps or using a _build system_ to automate it.
there, thats a few options.
if on a Mac, the pretty shiny, commercial _GO TO_ **App** would probably but
> **[CodeKit - THE Mac App for Web Developers](https://codekitapp.com/index.html)**
>
> CodeKit is a Mac app that makes it easy to use modern web development tools like npm, Babel, Sass, JavaScript bundling, image optimization, and ESLint.
which is pretty awesome and probably silly cheap if you use it a lot.
Id love to have it, but on a budget, so Im looking at the
_automated build tools_
route at the moment, which is scary command line madness.
I just started a topic on it this week, to get some feedback and advice.
I started with looking into Node.js installing (to check out @ehigiepaul 's new Pinegrow Plugin If Im honest)
And then thought I might just go the whole hog and have a go at setting up an automated build/optimisation/compression sort of affair while I was at it, blinking at the scary command line console.
hence looking into
> **[Bower](https://bower.io/)**
which does NONE of the stuff you asked for! 🙂 it just er, Looks after _stuff_ ie, manages all your web resources, goes off, collects them, maintains them, ie, it will go and _get Bootstrap_ and install it in your project, if your building a bootstrap site etc etc, go get jquery… etc.
it is also included in
[https://yeoman.io/](https://yeoman.io/)
…er now this includes Bowman (if im right) AND NPM - yet another package manager to do the same sort of (node and javascript) package managing stuff (it automates a lot of things)
and Yeoman ALSO contains/can be set up with
Grunt
> **[Grunt: The JavaScript Task Runner](https://gruntjs.com/)**
or gulp
[https://gulpjs.com/](https://gulpjs.com/)
These last two are _build tools_ or _task runners_ — which are the actual things that FINALLY
…do the stuff you requested.
They can also be run on thier own…without yeoman, bower etc.
But of course… you have to learn about these things (and the command line) and then set them up.
Or just use codekit, …and tic some lovely little Tick boxes
_optimise site_ tick
_convert images_ Tick…
yes… maybe I should save up for it.
But im going ot explore those last combos, …for the hell of it, and here are some rather dandy fast, easy tutorials to explain them.
Automated resources and package management (not what you asked for, but along the automated route)
[ ](https://www.youtube.com/watch?v=Vs2wduoN9Ws)
and
[ ](https://www.youtube.com/watch?v=gKiaLSJW5xI)
now this contains the first and contains the task runners that can be set up to do what. you want.
yes, all rather overwhelming isnt it?
🙂
And there are older apps.
on my older mac, I used to use this for CSS and javascript
[http://25.io/smaller/](http://25.io/smaller/)
which uses the YUI …compressor I think…
Then there are online toosl that use the YUI or JSUglify tools
such as
> **[Minify JS and CSS online, or include the minifier in your project for...](https://www.minifier.org/)**
>
> Minify JS and CSS online, or include the minifier in your project for on-the-fly compression.
[https://alternativeto.net/software/css-compressor-and-minifier/](https://alternativeto.net/software/css-compressor-and-minifier/)
there are a couple of apps in there too.
There is a recent (2019) list of css html js tools here
> **[Mike, Author at TechBar](https://techbar.org/author/mike/)**
and… I could go on.
for a change.
but,
That is some ideas, lets see what better ideas others come up with\>
Ive basically just been checking out the topics lately so thats my input.
If using WordPress… then there’s probably a gazillion plugins,
this one does on the fly optimisation and can use the WebP format too.
> **[Image optimization & Lazy Load by Optimole](https://wordpress.org/plugins/optimole-wp/)**
>
> Automatically compress, optimize and serve scaled images as well as convert WebP & AVIF all from CloudFront CDN. Lazy load included ⚡
Im totally out of my depth in the WP pool and am actually screaming rather loudly as I drift off away from the shallows of the Automated command line tools too, but there,
Got the ball rolling for you.
let us know what you end up going with.
---
### Author:  [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)
#### Post date: [March 5, 2021, 8:50am UTC](https://forum.pinegrow.com/t/compressing-optimize-a-website-before-upload/5006/3 "2021-03-05T08:50:58Z")
Hey,
Thank you so much for that really extensive answer! Sorry for the late reaction, I’m very busy these days. I will try some things out and reply later with my experiences. 👍🏻