What you are seeing below is a piece of text (A snippet of CSS), that gets syntax highlighted, much like in a proper text editor. Additionally, the { } brackets are clickable, and will collapse/expand the code found within. The test code applies RegExp.replace operations from several large arrays, and is a good measure on the browsers implementation of RegExp.
This test also goes through 1956 iterations in three different for-loops, and so may also serve as a benchmark for for-loop-performance.
In your browser, the test took {test not completed}ms to complete. On my system, when compared to Internet Explorer, Opera is about three times slower. Compared to Mozilla and Phoenix, Opera is about 4.7 times slower.
Files used in this test:
Next: Test B, Just code collapsing.
Up: virtuelvis.com home.
.decoration { display: none; }
body {
margin: 0;
padding: 0;
background: white url(blady.jpg) fixed no-repeat 95% 0;
font-size: 1em;
}
div.outer {
width: 100%;
min-width: 30em;
}
div.comment {
color: black;
}
p, ul, ol, dl {
font-family: Arial, Verdana, sans-serif;
line-height: 1.4;
padding: 0 0.5em 0.5em 0.5em;
margin: 0;
}
pre {
padding: 0.5em 0.5em 0.5em 1em;
margin: 0em;
}
li {
list-style-position: inside;
text-indent: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
font-size: 1.8em;
text-transform: lowercase;
}
h2 {
font-size: 1em;
}
h3{
font-size: 1em;
}
h2 a:link, h2 a:visited {
text-decoration: none;
}
h2 {
border-bottom: 1px dashed black;
}
p.byline, p.blogdescription {
font-size: 0.67em;
font-family: Verdana, Arial, sans-serif;
}
p.byline {
margin: 0;
padding: 0.125em 0em 0.375em 0;
text-align: right;
}
h1, h1 a, h1 a:link, h1 a:visited {
text-decoration: none;
}
.leftcol, .header {
background: transparent;
margin: 0;
padding: 1em;
float: left;
width: 50%;
max-width: 40em;
}
.metacontent {
float: right;
clear: right;
width: 225px;
padding: 0;
margin: 0;
font-size: 0.85em;
position: relative;
border-left: 1px dotted black;
z-index: 1;
top: 0;
background: transparent url(bg.png) scroll repeat 0 0;
}
div.comment { padding: 1em; }
div.entry, div.navbox { margin-bottom: 1em; }
a, a:link, a:visited {
text-decoration: underline;
cursor: pointer;
}
a:hover, a:active{
text-decoration: underline;
}