Modify HTML and CSS to properly size images to reduce Cumulative Layout Shift

$30-100 USD

Imekamilika

Imechapishwa

over 1 year ago

$30-100 USD

Kulipwa wakati wa kufikishwa

On several of our current pages we are having an issue with Google Core Web Vitals and their Cumulative Layout Shift. The images are currently set to 99% of the width, which is determined by the size of the device screen. We know ( or rather, think we know ) that we need to set it up so that there are different images, with specific sizes for differnet ranges of device sizes. We can take care of the image sizes, but we are not sure how to modify the code to do this properly. Some of the pages that have this code are: [login to view URL] [login to view URL] [login to view URL] We have another project posted on here, that is still out for bid. That project is to modify a set of new templates for completely changing our site. This project, for modifying the HTML and CSS ot properly size images, is for more minor work that we can use on our current site. We want to take care of this minor project first, since it will not take us long to make the changes. Then we will move ahead with the larger project of modifying the new templates, since that will also require a lot of time at our end.

Google PageSpeed Insights

Kitambulisho cha mradi: 35357592

Kuhusu mradi

60 mapendekezo

Mradi wa mbali

Inatumika 1 yr ago

Unatafuta kupata pesa?

Barua pepe

Faida za kutoa zabuni kwenye Freelancer

Weka bajeti yako na muda uliopangwa

Pata malipo kwa kazi yako

Eleza pendekezo lako

Ni bure kujiandikisha na kutoa zabuni kwa kazi

Imetolewa kwa:

@gbnet44

Dear Madam/Sir, I have sent your pages' url, interiors shutters and board and batten shutters to Google web cores, and actually there is some problems in your pics code AND in your css code. e.g. in interiors shutters => when the screen is about >= 481px, the slide's width is 125px and the media-query for imageRotate class is never applied (due to be overwritten by the css above I suppose) In Board and Batten => when the screen arrives at about <= 967px the elements begins to come very close and then overlap. None of the images have explicit dimensions. (and same for the slide div) I can make a try for one of these two pages (test), but since I read you have another project about this site, I will give you my point of view by chat with pleasure. Best regards Guillaume [login to view URL]

$80 USD ndani ya siku 7

5.0

(5 hakiki)

3.3

60 wafanyakazi huru wana zabuni kwa wastani $78 USD kwa kazi hii

@fullstackdev1

Hi, ✨ram✨! Putting different images, with specific sizes for different ranges of device sizes. I can implement your requirement perfectly in the shortest time. This is Chanice, CSS expert with 7+ years of proven experience in Web front-end development and I'm very interested in your project. I will start working immediately and provide a perfect result ASAP. Hope to have an impressive experience with you, an excellent client! Thanks, regards.

$65 USD ndani ya siku 7

5.0

(596 hakiki)

8.3

@struggler1

Hi,I will done all html CSS changes in few hours sure,ready to start now. Waiting for your response,so we can discuss changes. Thanks

$100 USD ndani ya siku 1

4.9

(802 hakiki)

7.6

@kuldeepak05

PLACEHOLDER ➽ let's chat via messages in more detail about the project and budget ➽ I can provide my full assistance in task described ➽ You can check my profile as I have done similar tasks for multiple clients ( 5 star ratings )

$100 USD ndani ya siku 1

4.9

(138 hakiki)

7.6

@michealperfect

Hi , I got myself interested and very suitable for this project and would like to discuss it with you over the chat so proceed further as i am having experience and expertise in CSS, HTML, Website Design, PHP and WordPress. Cost and timeline will be finalized after our discussion so please message me. Waiting for your response. Thanks & Regards! WP Coders, Faizan Khan

$65 USD ndani ya siku 7

4.7

(220 hakiki)

7.3

@webpixxelshikha

Hello Dear, I have read your project description. I am immediately available to assist you with your project. I mastered web development and have much experience. I will help with theme and plugin customization, website speed optimization. Let's discuss about your project in detail by chat. Thanks Sikha Bharti

$150 USD ndani ya siku 4

4.8

(111 hakiki)

6.9

@pratikshapkl

Hi! We have gone through your requirment and would to take this opportunity to wok on this project. I’m a UI/UX designer with a base knowledge of front-end development. I love working on long-term projects, where the design is a significant part. I specialize in creating: mobile interfaces, websites, and platforms. I work with people, who understand the importance of design in product development. In projects, I use the main principles, such as working with building the design system, simplicity, pixel perfect, user’s convenience, and creating UI design only after wireframing. ? My workflow is: 1) Research & Analytic; 2) Wireframing; 3) UI Design; 4) Creating an interactive prototype; 5) Providing the result to the developer. In my past projects, I was in close communication with developers, marketers, copywriters, project managers, and other designers during all work processes. My main design tool is Figma. If you want to discuss a project - feel free to contact me. Thanks Pratiksha Sharma

$65 USD ndani ya siku 7

4.4

(189 hakiki)

7.2

@navjootkaur

Wish you a very good day In response to your latest job posting on Freelancer I am here to apply for the post of Web Developer position. I have an excellent background as a Web Developer along with my academic education in Computer Science and Technology. I would like to inform you also that I am highly skilled with HTML, CSS, and JavaScript and Bootstrap as I have handsome experience with them. Still, I am always eager to learn a new and make my skill sharper whenever I get any chance. My recruiters are always delighted with my creativity, hard-working and stamina. For why I believe myself to be the best candidate and a great asset to your project. My profile, portfolio, and work history are also attached herewith for your kind consideration that will help you recognize my skill. Thank you for taking the time to review the letter. I’ll look forward to hearing from you for further process. Thanking you!

$65 USD ndani ya siku 7

4.7

(202 hakiki)

6.7

@abubakar12345678

I am html css expert. I will fix this asap. Give me chance to show you good result. Thanks.........................

$40 USD ndani ya siku 1

5.0

(113 hakiki)

6.2

@andrzejdewloper

⚡Wordpress Expert Here⚡ Please check my reviews i'm skilled at PHP, Javascript, HTML, CSS, My SQL I can start right now and finish within a short time. Please contact me to discuss more,so let's talk over chat here. Thanks.

$100 USD ndani ya siku 7

5.0

(31 hakiki)

5.9

@jeremytay

Hi, Client! >>- ->>HTML and CSS Expert is Here <<- -<< Very thanks to your project because it well fits to my skills. I have developed a lot of such project for many years and accumulated rich experiences in this area. I'd like you to come over to the chat and discuss your project. thanks

$70 USD ndani ya siku 2

4.8

(18 hakiki)

5.8

@yevhenrosovskii

Hello I have read your requirements carefully and understood what you want. I'm a senior Web designer & developer, I have rich experience developing website with HTML, CSS, Bootstrap and Javascript. I can start right now and deliver the best result to you want. Please contact me to discuss more, so let's talk over chat here. Thanks.

$100 USD ndani ya siku 7

4.9

(17 hakiki)

5.6

@davydenkodev

I'm very excited after reading your description carefully and checked out the link that you provide so I hope to work with you for this project. I have experience in html/css + 8 years. so I can fix this within 30 mins. I would like to know a little more about your project via chat. I'll work with you exactly matching with your requirements in your budget and turnaround time. Also I can start right now. I helped over 10 clients from your location then i think you will be next one. Thanks for your reading.

$50 USD ndani ya siku 1

5.0

(27 hakiki)

5.6

@nikhilroyjs

Hello there, I will modify your html and css to fix the images position issue. I have checked your project carefully, I will reduce font size, space to make the position match properly. Looking to working with you. Regard's

$65 USD ndani ya siku 2

5.0

(24 hakiki)

5.5

@tljafar

Dear Sir, I read your project description and I can fix. I am ready to start working quickly on your project. Come to the chat box to discuss this work and cost ... I am an experienced web developer and I can work with your needs. I have 5+ years of experience and you can see the portfolio in my profile. Thanks.

$65 USD ndani ya siku 2

5.0

(38 hakiki)

5.3

@chanice

Hi, ✨Jim✨! Putting different images, with specific sizes for different ranges of device sizes. I can implement your requirement perfectly in the shortest time. This is Chanice, CSS expert with 7+ years of proven experience in Web front-end development and I'm very interested in your project. I will start working immediately and provide a perfect result ASAP. Hope to have an impressive experience with you, an excellent client! Thanks, regards.

$100 USD ndani ya siku 1

5.0

(8 hakiki)

5.3

@testotorko

Hey. I am an experienced Web Developer and have worked with wide variety of skills like PHP, MySQl, jQuery / Prototype, Javascript, HTML, CSS and more for many years. Can start right now.

$36 USD ndani ya siku 1

5.0

(110 hakiki)

5.5

@Shaheriyar99

Hope you are doing great today. > Please read it carefully, this is not a generic proposal < I see that you are looking for Modify HTML and CSS to properly size images to reduce Cumulative Layout Shift Glad to inform you that I have built multiple projects in JavaScript, Website Design, CSS, HTML, Google PageSpeed Insights in my career so far and looking to build another project for you if you provide a proper chance for me. Please Note: I would love to connect with you over the chat for further discussion and start as soon as possible Please visit my profiles for reviews and get fully satisfied with my services and customer support https://www.freelancer.com/u/Shaheriyar99 A dedicated Project Manager will be assigned to you for providing daily progress reports 24 hours chat support so no worries about the time difference -Delivered within the timeline we will be agreeing on mutually before the start of the project One month maintenance time period after the Project is Done Looking forward to your response, Regards Shehriyar

$55 USD ndani ya siku 7

4.9

(10 hakiki)

5.1

@EmmaWat

Greetings! I have read your description carefully and understand what you actually need. I am an experienced developer and can handle this project easily and in perfect manner. I am available now and can start right away, I will develop it in the least time. I am an experienced and professional developer so everything will be well managed. I assure you the work will be provided with quality. Waiting for your response, feel free to get in touch. Thanks!

$100 USD ndani ya siku 5

5.0

(4 hakiki)

5.2

@jobayar11

Hello, Thank you very much for this project. I read through the job details extremely carefully and understand your requirements, for this I am absolutely sure that I can do the project very well. I can complete this project on time and within your budget. I have worked on similar projects and am confident I can exceed your expectations. Thanks

$60 USD ndani ya siku 1

4.7

(15 hakiki)

5.4

@darihol

❤️Hi. Hope you are doing well.❤️ I have read your job carefully and am confident to deliver you a perfect result. Your idea is so clear and attractive to me. Let’s discuss more in details over the chat. Looking forward to hearing from you. Best regards!

$50 USD ndani ya siku 2