<!--
{
  "documentType" : "article",
  "framework" : "WebKit",
  "identifier" : "/documentation/WebKit/optimizing-your-website-for-safari",
  "metadataVersion" : "0.1.0",
  "role" : "article",
  "title" : "Optimizing Your Website for Safari"
}
-->

# Optimizing Your Website for Safari

Improve your website by optimizing it for Safari.

## Discussion

Safari is a full-featured web browser that comes with macOS and iOS. While all W3C-compliant websites work in Safari, there are a few ways that you can optimizing your content for Safari to ensure it works great on Apple devices.

![Improve your website’s performance in Safari.](images/com.apple.webkit/media-3030233@2x.png)

To ensure that your content works great in Safari:

- **Web Inspector.** Use Web Inspector and Safari Developer Tools to inspect details and test the performance of your website in Safari. See [Safari Developer Help](https://support.apple.com/guide/safari-developer/welcome/mac).
- **Media Formatting.** Encode media content so that it loads quickly in Safari. For audio and video content, use the HTML5 markup elements `<audio>` and `<video>`, and use `<canvas>` for vector graphics and animation. See HLS Authoring Specification for Apple Devices.
- **No Plug-ins.** To ensure that your website loads fast and efficiently, Safari does not rely on plug-ins to handle audio, video, or animation.
- **Accessibility.** Use appropriate markup and tags to ensure the accessibility of your website, including [ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) and [A11Y](https://a11yproject.com).
- **Responsive Design.** Use responsive design to accommodate the many different Apple devices for iOS, macOS, and watchOS. A responsive design ensures that users can view your website in Safari everywhere, regardless of the screen or window width. See [Designing Web Content for watchOS](https://developer.apple.com/videos/play/wwdc2018/239/), and [Using Safari to Deliver and Debug a Responsive Web Design](https://developer.apple.com/videos/play/wwdc2015/505/).
- **Touch Screen.** Add support for Multi-Touch gestures so these interactions are easier for users on mobile devices.
- **Security.** Ensure that your website uses one of Safari’s supported security features, like subresource integrity, TLS, RSA, and HTTPS.
- **Web Standards.** Make use of good web design practices and web standards. Make use of HTML5, CSS3, and the latest web standards supported by the [W3C](https://www.w3.org).

> Tip:
> Use feature detection to make your website browser independent. By detecting the browser, you can not only support multiple browsers but also support multiple WebKit versions.

Additionally, you can customize rules for [Applebot](https://support.apple.com/en-us/HT204683), the web crawler for Apple.

By implementing these best practices and testing your website in Safari, you ensure that visitors to your site have a great experience on all Apple devices.

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)