Member Avatar for Vincentas

Hey,

How do i get a mobile website made for my website, as my website is currently too heavy to be properly displayed on mobile devices.
I fear that i might lose out on a lot of customers because mobile companies typically have a download limit.

Please advice.

  • 4 Contributors
  • 4 Replies
  • 120 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by code739

Dani AI

Generated

A heavy desktop site can be fixed two ways: make the same site serve lightweight pages to phones (responsive/adaptive) or build a separate mobile site. pointed toward an adaptive approach and said they built a second site — both are valid. Start by measuring where weight and delays come from, then choose the path that fits maintenance resources and how different the mobile experience must be.

Run an automated audit first (Lighthouse or web.dev/Measure) and corroborate with a real-world render test like WebPageTest. Look for total bytes, largest resources, render-blocking CSS/JS, and third-party scripts. Chrome DevTools Network and Coverage panels expose unused code and oversized assets.

Apply targeted fixes before a full redesign:

  • Add a viewport meta tag so layouts behave on phones:

    <meta name="viewport" content="width=device-width, initial-scale=1">

  • Prioritize and inline critical above-the-fold CSS; defer the rest.

  • Optimize images (resize, compress, serve modern formats) and use responsive images with srcset/sizes; lazy-load offscreen images.

    <img src="small.jpg"
     srcset="small.jpg 480w, med.jpg 800w, large.jpg 1200w"
     sizes="(max-width:600px) 480px, 800px"
     loading="lazy" alt="">

  • Defer/async noncritical JS, remove or throttle expensive third-party tags, limit web fonts, enable gzip/brotli, and use a CDN.

If choosing a separate mobile site (as did), plan for redirects, canonical/alternate tags and content parity to avoid SEO and maintenance issues. A practical workflow: audit → triage biggest wins (images, fonts, blocking JS) → implement incremental fixes → measure again. For responsive-image details, see MDN’s guide to responsive images: https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images.

Recommended Answers

All 4 Replies

Member Avatar for code739

you could a create a responsive website..
there are lots of frameworks that could help you on this
some are

http://foundation.zurb.com/

Member Avatar for <M/>

You should learn to use the SDK provided from the developers or use code739's source.

Member Avatar for OsaMasw

I used the simple way :P, I've created a second site with smaller details to work on mobiles.

Member Avatar for code739

ahaha that should be great =)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.