Follow

What if I Have a Mobile Version of My Site?

Generally, you can deliver a mobile version of your site one of three ways. You may want to enable Distil’'s mobile cache depending on the chosen method.

The following examples assume you already use our content delivery network to cache and accelerate your desktop site.

Responsive Design

Don’t enable the mobile cache if your mobile site uses responsive design—meaning the same page and resources are delivered to each device, and then appropriately rendered for the viewport size. Enabling the mobile cache can potentially decrease performance; already-cached resources may be ignored if they’re only for use by standard browsers.

Dynamic Serving

Enabling our mobile cache is required if your mobile site dynamically serves disparate content back to the browser, (1) based on the user agent and (2) without redirection to a separate mobile-only domain. Enabling it activates a second caching keyspace for use by mobile browsers. When a mobile user agent is provided, this keyspace is used as needed when requests are fetched from the origin.

If the mobile cache is disabled, a mobile browser request for www.{yourwebsite}.com is served a desktop version of the page, provided that page is in the Distil cache.

Separate Mobile Site

Enabling the mobile cache is required if your conventional site (e.g., www.{yourwebsite}.com) detects the browser user agent, redirecting it to an ancillary, mobile-only domain (e.g., m.{yourwebsite}.com). Enabling it activates a second caching keyspace for use by mobile browsers.

The cache proxies requests to the www.{yourwebsite}.com origin , thereby allowing the redirect to occur.

If the mobile cache is disabled, a mobile request for www.{yourwebsite}.com is served a desktop version of the page, provided that page is in the Distil cache.

In addition to providing caching keyspace on the Distil platform, our browser detection can be leveraged by developers to simplify your own detection rules. We set an HTTP request header, X-Distil-BrowserType, for all requests we detect and proxy. Its content reads Standard for traditional browsers or Mobile for mobile agents.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments