actualNoteContentPart: # ☕  How does load time of embedded content look to a visitor?
  If you're an SEO specialist or a developer with a fine-tuned eye for page latency, you're likely to appreciate the several rounds of optimization that have been spent to ensure that embedded content loads ~immediately, alongside neighboring page content:
  
  
  
  
  
  > A brief demo of loading embedded content. [Repro the demo for yourself at the blog post featured](https://www.gitclear.com/blog/gitclear_v4_now_free_for_hobbyist_devs_v2_pr_collaboration_analytics_auto_configuring_google_dora_measurements_plus_more)  in this 16s movie. To be clear, there is extensive caching used to achieve this result, but none if it happens on the client -- all of the caching happens server-side so it remains snappy to every new visitor.
  
  How can content from your (offline-compatible) notebook be rendered to an arbitrary web browser from around the world in less than 200ms? The most important step is the CDN caching we undertake to populate edge nodes with a 2 hour time-to-live when any embed content is requested. While the initial request has been observed to take up to 350-500ms, for however long thereafter you receive a visit within a 2 hour window, your content will remain propagated to edge nodes where it can be served to visitors at lightning speed. Even when the browser is a new visitor has never visited Amplenote or cached any of the stylesheets or javascript used to render embedded content. 🎩
  
  # 🪄 Include a Sidebar Table of Contents
  If you have a little expertise in changing HTML (or you have an LLM you can trust to do it for you), it's straightforward to add a sidebar "table of contents," [as demo'ed on GitClear's Encyclopedia of Developer Analytic Metrics](https://www.gitclear.com/developer_metrics_encyclopedia_illustrated_software_metrics_and_measurements) :
  
  
  
  
  
  
  [Here's all the code that was used to implement the sidebar](/help/publish_notes_with_table_of_contents_side_navigation) .
  
  # 🏭 Publish many notes as a group
  If you don't need all of your Help Center pages to be self-hosted, check out the [Webnotes plugin](https://www.amplenote.com/plugins/Mor4CfsPFGmF34LHkEo4MeaJ) . It offers the opportunity to publish a group of notes in one command by looking at the tag of the notes. It can also build an index page that automatically serves as an "index" or "landing" page for your content on a particular subject.
processedNoteContent: ---
  title: How do I embed notes in other web pages? (e.g.,...
  headers: # ☕  How does load time of embedded content look to a visitor?
  ---
  ☕  How does load time of embedded content look to a visitor?
  If you're an SEO specialist or a developer with a fine-tuned eye for page latency, you're likely to appreciate the several rounds of optimization that have been spent to ensure that embedded content loads ~immediately, alongside neighboring page content: A brief demo of loading embedded content. Repro the demo for yourself at the blog post featured  in this 16s movie. To be clear, there is extensive caching used to achieve this result, but none if it happens on the client -- all of the caching happens server-side so it remains snappy to every new visitor.
  How can content from your (offline-compatible) notebook be rendered to an arbitrary web browser from around the world in less than 200ms? The most important step is the CDN caching we undertake to populate edge nodes with a 2 hour time-to-live when any embed content is requested. While the initial request has been observed to take up to 350-500ms, for however long thereafter you receive a visit within a 2 hour window, your content will remain propagated to edge nodes where it can be served to visitors at lightning speed. Even when the browser is a new visitor has never visited Amplenote or cached any of the stylesheets or javascript used to render embedded content. 🎩 
  🪄 Include a Sidebar Table of Contents
  If you have a little expertise in changing HTML (or you have an LLM you can trust to do it for you), it's straightforward to add a sidebar "table of contents," [as demo'ed on GitClear's Encyclopedia of Developer Analytic Metrics](https://www.gitclear.com)`
   : [Here's all the code that was used to implement the sidebar](/help/publish_notes_with_table_of_contents_side_navigation)
   . 
  🏭 Publish many notes as a group
  If you don't need all of your Help Center pages to be self-hosted, check out the [Webnotes plugin](https://www.amplenote.com)`
   . It offers the opportunity to publish a group of notes in one command by looking at the tag of the notes. It can also build an index page that automatically serves as an "index" or "landing" page for your content on a particular subject.
noteTitle: How do I embed notes in other web pages? (e.g., blog, help center, wiki)