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

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