In Progress

Write configuration files/scripts & glue code for [login to view URL] to improve performance

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.

Skills: Website Optimization, Node.js, Javascript ES6, JavaScript, HTML5

See more: html code simple web page layout, send files bluetooth j2me code, write simple text based game code, zip code number web site, scripts rtsp windows media web player, code mania web development, code log web site, vba code sign web page, code log web click enter, code log web click, code refresh web page button click, acces code launch web page button, bot https web site, configuration file found installation code available exiting, dns setting https web site, https web service call dll methodology, write configuration files, write code parse web page, https web na bambora com scripts payment payment asp

About the Employer:
( 0 reviews ) Mysore, India

Project ID: #28433713

Awarded to:

zuhaibzul7

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 in 5 days
(0 Reviews)
0.0

2 freelancers are bidding on average $118 for this job

MJunaiddesigns

Hi, I can do your intersting task preferably. You can ask questions if any. I will answer. Thanks for reading.

$150 USD in 5 days
(0 Reviews)
0.0