Write configuration files/scripts & glue code for https://web-call.cc to improve performance
$30-250 USD
Igangværende
Slået op over 3 år siden
$30-250 USD
Betales ved levering
My hope and expectation is that this job will be completed within a week of commencement.
I am eager to give a 20% bonus to a freelancer or agency that can code cleanly, quickly, with good but brief code comments, and good client communication.
The website is served by Apache on an Ubuntu 18.04 "droplet" on DigitalOcean. It uses CloudFlare for a nameserver, CDN, and SSL/TLS certificate. The website is deployed by simply cloning the project [login to view URL] . The website uses the npm packages @vaadin/vaadin and @medv/finder bundled by Rollup. It also uses several JavaScripts that it loads via <script src="..."> tags. All but one of the pages to be optimised load the Biwascheme Scheme interpreter. (See biwascheme.org.)
Your job:
1. Restructure the directory tree to reduce clutter at the top level. Use a source/ directory free of all files that are not JavaScript, CSS, HTML, [login to view URL], [login to view URL], and Scheme files. Use subdirectories of source/ to segregate different types of file. Remove the website/ directory. Use a build/ directory to be free of anything besides what Apache needs to serve the website. For the bundler, use Rollup because it provides tree shaking. The JavaScripts, packages, and modules should not be changed, but Node packages like plugins can be added to the package's development dependencies and small amounts of glue code can be added.
If possible and reasonably easy, the result should be a Node module that can be put on [login to view URL] and/or [login to view URL] and easily transformed into optimized static assets for use in a web page and service by Apache. This processing would be done by a utility like webpack or rollup.
Follow the recommendations of Lighthouse enough to get green or 90 scores, if possible, for these web pages:
[login to view URL] (does not use @medv/finder or @vaadin/vaadin)
[login to view URL] (uses @medv/finder and @vaadin/vaadin)
[login to view URL] (uses @vaadin/vaadin)
[login to view URL] (uses @vaadin/vaadin)
At least follow these recommendations from Lighthouse:
2. Get a "First Contentful Paint" within 2 seconds.
3. Get a "Speed Index" of 4.3 seconds or better.
4. Get a "Largest Contentful Paint" within 2.5 seconds.
5. Get a "Time to Interactive" within 3.8 seconds.
6. Reduce "Total Blocking Time" to 300 milliseconds or less.
I could suggest several specific changes that would improve the Lighthouse scores, but I am stumped on how to use npm, npx, rollup, and plugins to bundle and minimise the files that will be served by Apache.
7. Use a [login to view URL] file or json files to describe the projects (that is, the 4 web pages) and their dependencies. The dependencies are different because different pages use different Node packages and JavaScripts.
8. Create a unique Rollup configuration file for each of the 4 web pages.
Not your job:
1. Change styles.
2. Replace JavaScripts, packages, or modules.
3. Change UX/UI.
If you want to suggest any changes that are not part of the job, that is appreciated but should not increase the cost of your services. If I like the suggestions and I want to make the changes myself, I will reward you. If I like the suggestions but I do not want to make the changes myself, I might hire you later to make them.
Let me know if anything above is nonsensical or stupid.
Make it work on localhost. I will install it on web-call.cc. Let me know if this is not sufficient to do the job.
Sir I have read your description and I have a team of experienced freelancers who can do your work! Just contact me for samples and hopefully I can make you my regular customer! Have a great day Sir!:)
$85 USD på 5 dage
0,0 (0 anmeldelser)
0,0
0,0
2 freelancere byder i gennemsnit $118 USD på dette job