docs(js-browser): adding predefined matches for ignoring common spans (#15116)

<!-- Use this checklist to make sure your PR is ready for merge. You may
delete any sections you don't need. -->

## DESCRIBE YOUR PR
Adding some predefined matches for ignoring common spans.

## IS YOUR CHANGE URGENT?  

Help us prioritize incoming PRs by letting us know when the change needs
to go live.
- [ ] Urgent deadline (GA date, etc.): <!-- ENTER DATE HERE -->
- [ ] Other deadline: <!-- ENTER DATE HERE -->
- [x] None: Not urgent, can wait up to 1 week+

## SLA

- Teamwork makes the dream work, so please add a reviewer to your PRs.
- Please give the docs team up to 1 week to review your PR unless you've
added an urgent due date to it.
Thanks in advance for your help!

## PRE-MERGE CHECKLIST

*Make sure you've checked the following before merging your changes:*

- [ ] Checked Vercel preview for correctness, including links
- [ ] PR was reviewed and approved by any necessary SMEs (subject matter
experts)
- [ ] PR was reviewed and approved by a member of the [Sentry docs
team](https://github.com/orgs/getsentry/teams/docs)

## EXTRA RESOURCES

- [Sentry Docs contributor guide](https://docs.sentry.io/contributing/)

---------

Co-authored-by: Shannon Anahata <[email protected]>

Author: nikolovlazar

docs/platforms/javascript/common/configuration/options.mdx

@@ -449,6 +449,31 @@ If a root span matches any of the specified patterns, the entire local trace wil
 
 By default, no spans are ignored.
 
+Here are some predefined matches for common spans to get you started:
+```javascript
+Sentry.init({
+  ignoreSpans: [
+    // Browser connection events
+    {op: /^browser\.(cache|connect|DNS)$/},
+
+    // Fonts
+    {op: 'resource.other', name: /.+\.(woff2|woff|ttf|eot)$/},
+
+    // CSS files
+    {op: 'resource.link', name: /.+\.css.*$/},
+
+    // JS files
+    {op: /resource\.(link|script)/, name: /.+\.js.*$/},
+
+    // Images
+    {op: /resource\.(other|img)/, name: /.+\.(png|svg|jpe?g|gif|bmp|tiff?|webp|avif|heic?|ico).*$/},
+
+    // Measure spans
+    {op: 'measure'},
+  ]
+});
+```
+
 </SdkOption>
 
 <SdkOption name="propagateTraceparent" type='boolean' defaultValue='false' availableSince='10.10.0' categorySupported={['browser']}>

docs/platforms/javascript/common/configuration/tree-shaking.mdx

@@ -1,6 +1,6 @@
 ---
 title: Tree Shaking
-sidebar_order: 11000
+sidebar_order: 70
 description: "Learn how to reduce Sentry bundle size by tree shaking unused code."
 notSupported:
   - javascript.aws-lambda