# Observable Story **URL:** \ **Category:** Uncategorized\ **Created:** [September 24, 2020, 6:48pm UTC](https://talk.observablehq.com/t/observable-story/3927 "2020-09-24T18:48:14Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![metaphorz](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/metaphorz/32/1547_2.png) [@metaphorz](https://talk.observablehq.com/u/metaphorz)\ **Post date:** [September 24, 2020, 6:48pm UTC](https://talk.observablehq.com/t/observable-story/3927/1 "2020-09-24T18:48:14Z")
I tried creating a story of sorts using observable and had 2 questions. Here is the story: > **[The Snake that Ate Its Tail](https://observablehq.com/@metaphorz/test)** > > An Observable notebook by Paul Fishwick. Two issues: 1. When loaded, the page goes to the end, whereas I need the page to be loaded at the start of the story. Is there a workaround to launch this page at the top? 2. In the last processing sketch (at the very end), I tried coding this directly in observable but it was very slow: [https://observablehq.com/@metaphorz/face-circles/2](https://observablehq.com/@metaphorz/face-circles/2) If you wait long enough, the code will work. I finally gave up and used an “ ---
**Author:** ![metaphorz](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/metaphorz/32/1547_2.png) [@metaphorz](https://talk.observablehq.com/u/metaphorz)\ **Post date:** [September 24, 2020, 6:49pm UTC](https://talk.observablehq.com/t/observable-story/3927/2 "2020-09-24T18:49:12Z")
The last sentence is supposed to be “iframe” but I used angle brackets in the sentence so it tried encoding this. ---
**Author:** ![radames](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/radames/32/1699_2.png) [@radames](https://talk.observablehq.com/u/radames)\ **Post date:** [September 24, 2020, 8:09pm UTC](https://talk.observablehq.com/t/observable-story/3927/3 "2020-09-24T20:09:34Z")
hi @metaphorz here are some performance suggestions > **[Comparing ‘The Snake that Ate Its Tail’ by Paul Fishwick to ‘The Snake that...](https://observablehq.com/compare/a3150c0d05200fd7@286...52bf755e7336f22c@382)** > > A comparison of two Observable notebooks. You can use direct links to images, no need for iframes ```auto html `` ``` this iframe loads a very resource intense page, so it takes a couple of seconds ```auto html`` ``` The last cell with an iframe to Openprocessing also is unnecessary, you can use p5js direct on Observable, however the image processing by p5js is very slow, if the original image is resized the sketch is faster. Also no need to have it in a draw loop as you processed it once. > **[The Snake that Ate Its Tail](https://observablehq.com/d/52bf755e7336f22c)** > > An Observable notebook by Radamés Ajna. ---
**Author:** ![metaphorz](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/metaphorz/32/1547_2.png) [@metaphorz](https://talk.observablehq.com/u/metaphorz)\ **Post date:** [September 25, 2020, 2:39pm UTC](https://talk.observablehq.com/t/observable-story/3927/4 "2020-09-25T14:39:48Z")
This is really useful. Thanks. I went in and changed the iframes to image html and also for the last sketch (circular pixelization of the snake) I attached a file (of the image) rather than trying to load it over the net. This is much faster. Although, I still have the problem that when I load the notebook, the notebook web page scrolls to the end. But I’d like to have the story start at the beginning when the notebook is loaded. How do I achieve this? I am guessing that the browser is going to the last asset loaded (that snake image). ---
**Author:** ![radames](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/radames/32/1699_2.png) [@radames](https://talk.observablehq.com/u/radames)\ **Post date:** [September 25, 2020, 5:14pm UTC](https://talk.observablehq.com/t/observable-story/3927/5 "2020-09-25T17:14:28Z")
I guess the openprocessing Iframe is causing the scroll behavior issue. You can transfer that p5js code to Observable as I’ve shown on my example. ---
**Author:** ![metaphorz](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/metaphorz/32/1547_2.png) [@metaphorz](https://talk.observablehq.com/u/metaphorz)\ **Post date:** [September 25, 2020, 5:50pm UTC](https://talk.observablehq.com/t/observable-story/3927/6 "2020-09-25T17:50:57Z")
Radames You are right—that did the trick. Good to know for future issues in web loading. I guess iframe, as you suggested, changed the web page scrolled location. -p Paul Fishwick, PhD Distinguished University Chair of Arts, Technology, and Emerging Communication Professor of Computer Science Director, Creative Automata Laboratory The University of Texas at Dallas Arts & Technology 800 West Campbell Road, AT10 Richardson, TX 75080-3021 Home: utdallas.edu/atec/fishwick Media: [medium.com/@metaphorz](http://medium.com/@metaphorz) Modeling: [digest.sigsim.org](http://digest.sigsim.org) Twitter: @PaulFishwick ONLINE: Webex,Collaborate, TEAMS, Zoom, Skype, Hangout